Supongo que la mayoría de sliders prefabricados añaden una clase
active al elemento que se está visualizando. Partiendo de ahí, simplemente creas una animación CSS anteponiendo esa clase.
Código CSS:
Ver original#slider li .texto {
position: relative;
top: -20px;
opacity: 0;
}
#slider li.active .texto {
animation: slide_in 1s forwards;
}
@keyframes slide_in {
to {
top: 0;
opacity: 1;
}
}