RoshanPaudel/prabin-poudel-frontend-
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
caee7b43692444c85e35c38b4bbdb0bd04c2e467
prabin-poudel-frontend-/assets/css/custom-animate.css
Roshan476 caee7b4369 message
2025-12-25 17:36:20 +05:45

634 lines
11 KiB
CSS
Raw Blame History

@-webkit-keyframes jump {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40% {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes jump {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40% {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes rotated {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotated {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotatedHalf {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes rotatedHalf {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@-webkit-keyframes rotatedHalfTwo {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@keyframes rotatedHalfTwo {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@-webkit-keyframes scale-upOne {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
}
@keyframes scale-upOne {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
}
@-webkit-keyframes scale-right {
0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
50% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@keyframes scale-right {
0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
50% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0.7;
}
40% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}
@keyframes fade-in {
0% {
opacity: 0.7;
}
40% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}
@keyframes hvr-ripple-out {
0% {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
opacity: 1;
}
100% {
top: -6px;
right: -6px;
bottom: -6px;
left: -6px;
opacity: 0;
}
}
@keyframes hvr-ripple-out-two {
0% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@-webkit-keyframes scale-up-one {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
40% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scale-up-one {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
40% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes scale-up-two {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
40% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes scale-up-two {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
40% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@-webkit-keyframes scale-up-three {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
40% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
100% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
@keyframes scale-up-three {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
40% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
100% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
@keyframes animationFramesOne {
0% {
transform: translate(0px, 0px) rotate(0deg);
}
20% {
transform: translate(73px, -1px) rotate(36deg);
}
40% {
transform: translate(141px, 72px) rotate(72deg);
}
60% {
transform: translate(83px, 122px) rotate(108deg);
}
80% {
transform: translate(-40px, 72px) rotate(144deg);
}
100% {
transform: translate(0px, 0px) rotate(0deg);
}
}
@-webkit-keyframes animationFramesOne {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
}
@keyframes animationFramesTwo {
0% {
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
20% {
transform: translate(73px, -1px) rotate(36deg) scale(0.9);
}
40% {
transform: translate(141px, 72px) rotate(72deg) scale(1);
}
60% {
transform: translate(83px, 122px) rotate(108deg) scale(1.2);
}
80% {
transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
}
100% {
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
}
@-webkit-keyframes animationFramesTwo {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
}
}
@keyframes animationFramesThree {
0% {
transform: translate(165px, -179px);
}
100% {
transform: translate(-346px, 617px);
}
}
@-webkit-keyframes animationFramesThree {
0% {
-webkit-transform: translate(165px, -179px);
}
100% {
-webkit-transform: translate(-346px, 617px);
}
}
@keyframes animationFramesFour {
0% {
transform: translate(-300px, 151px) rotate(0deg);
}
100% {
transform: translate(251px, -200px) rotate(180deg);
}
}
@-webkit-keyframes animationFramesFour {
0% {
-webkit-transform: translate(-300px, 151px) rotate(0deg);
}
100% {
-webkit-transform: translate(251px, -200px) rotate(180deg);
}
}
@keyframes animationFramesFive {
0% {
transform: translate(61px, -99px) rotate(0deg);
}
21% {
transform: translate(4px, -190px) rotate(38deg);
}
41% {
transform: translate(-139px, -200px) rotate(74deg);
}
60% {
transform: translate(-263px, -164px) rotate(108deg);
}
80% {
transform: translate(-195px, -49px) rotate(144deg);
}
100% {
transform: translate(-1px, 0px) rotate(180deg);
}
}
@-webkit-keyframes animationFramesFive {
0% {
-webkit-transform: translate(61px, -99px) rotate(0deg);
}
21% {
-webkit-transform: translate(4px, -190px) rotate(38deg);
}
41% {
-webkit-transform: translate(-139px, -200px) rotate(74deg);
}
60% {
-webkit-transform: translate(-263px, -164px) rotate(108deg);
}
80% {
-webkit-transform: translate(-195px, -49px) rotate(144deg);
}
100% {
-webkit-transform: translate(-1px, 0px) rotate(180deg);
}
}
@keyframes gradientBG {
0% {
background-position: 0 0;
}
50% {
background-position: 300% 0;
}
100% {
background-position: 0 0;
}
}
@-webkit-keyframes gradientBG {
0% {
background-position: 0 0;
}
50% {
background-position: 300% 0;
}
100% {
background-position: 0 0;
}
}
@keyframes imageBgAnim {
0% {
background-position: 0 0;
}
50% {
background-position: 120% 0;
}
100% {
background-position: 0 0;
}
}
@-webkit-keyframes gradientBG {
0% {
background-position: 0 0;
}
50% {
background-position: 120% 0;
}
100% {
background-position: 0 0;
}
}
.faded-text{
-webkit-animation:linear infinite alternate;
-webkit-animation-name: run;
-webkit-animation-duration: 25s;
-ms-animation:linear infinite alternate;
-ms-animation-name: run;
-ms-animation-duration: 25s;
-moz-animation:linear infinite alternate;
-moz-animation-name: run;
-moz-animation-duration: 25s;
}
@-webkit-keyframes run {
0% { left: -20%;}
50%{ left : 0%;}
100%{ left: 20%;}
}
@-moz-keyframes run {
0% { left: -20%;}
50%{ left : 0%;}
100%{ left: 20%;}
}
Reference in New Issue View Git Blame Copy Permalink