File: /home/u756937133/domains/inovaix.studio/public_html/assets/sass/theme/_animations.scss
// Start Header Menu Sticky Animation
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
// End Header Menu Sticky Animation
// Start Marquee Animation
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
@keyframes marquee1 {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
@keyframes scroll-1 {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
@keyframes scroll-2 {
0% {
transform: translateX(-80%);
}
100% {
transform: translateX(0);
}
}
// End Marquee Animation
// Start Tabing Animation
@keyframes tabinganimation {
0% {
opacity: 0;
transform: translateX(5%);
}
50% {
opacity: 1;
transform: translateX(0);
}
}
// End Tabing Animation
// Start Video Button 1 Animation
@keyframes waves {
0% {
-webkit-transform: scale(0.2, 0.2);
transform: scale(0.2, 0.2);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
50% {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
100% {
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
// End Video Button 1 Animation