UNPKG

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
.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; } }