Quiero que las publicaciones se vean afectadas cuando se carga la página del sitio, por ejemplo, fade-in, pero las publicaciones que se ven al cargar, el resto de las publicaciones son fijas y sin efectos, alguien me puede ayudar en este caso.
Usé css para este efecto.
@keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }Debe especificar el animation-name en el div que desea asociar con él. Además, las animaciones con opacity funcionan mejor cuando configuras una animation-duration . El div no tiene que tener el mismo nombre que la animación, solo especifica el nombre de la animación en cualquier div. Vea los cambios de CSS que hice a continuación.
@keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } div { animation-name: fade-in; animation-duration: 5s; } <div class="fade-in"><p>Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups. </p></div> <div><p>Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups. </p></div>