Re: effet transition fade in fade out sur #LOGO_ARTICLE et #LOGO_ARTICLE_SURVOL

J'ai réussi.
J'ai re-découvert #LOGO_ARTICLE_NORMAL. c'est bien reare que j'utilise cela.
Je partage si cela en intéresse d'autres.
En css
 section {
  position: relative;background-color: #000000;z-index:0;
}

section div {
  position: absolute;
}

.top {
  animation-name: fade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 2;
  animation-duration: 3s;
  animation-direction: alternate;
}

@keyframes fade {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
En HTML dans une boucle article
<section>
  <div class="bottom">#LOGO_ARTICLE_SURVOL
    </div>
  <div class="top">#LOGO_ARTICLE_NORMAL
    </div>
   </section>

Le lun. 5 avr. 2021 à 23:26, Renée Picard <[email protected]> a écrit :

> Est-il possible de créer cet effet avec #LOGO_ARTICLE et
> #LOGO_ARTICLE_SURVOL?
> Sur ce site, https://isabelle-hayeur.com/, l'image change lentement sans
> avoir besoin d'un mouse hover.
> Nerci
>