Feb 20,2017 at 03:38 pm

CSS3/HTML5 Slider Effect

Snippet to create a slider effect with HMTL5 and CSS3 only!

.animated {
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }

@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}

Tags — code-sharing css html
Categories — Code
Leave Comment