domelementslider
Version:
DomElementSlider is used for making any of your HTML elements get a nice slide in effect on page load.
20 lines (18 loc) • 481 B
CSS
.slide-from-left {
/* You can change duration of the slide-from-left effect here */
animation: slide-in 1s forwards;
}
@keyframes slide-in {
from { transform: translateX(-200px);
opacity: 0;
}
}
.slide-from-right {
/* You can change duration of the slide-from-right effect here */
animation: slide-out 1s forwards;
}
@keyframes slide-out {
from { transform: translateX(+200px);
opacity: 0;
}
}