Commit 7ec8b34e by doszhang

dos

parent 3bfa31f8
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -63,25 +63,65 @@ video { ...@@ -63,25 +63,65 @@ video {
} }
.posi { .posi {
animation: scale 1s 2.4s linear infinite; animation: bounce 1s 2.4s ease-in infinite;
-webkit-animation: scale 1s 2.4s linear infinite; -webkit-animation: bounce 1s 2.4s ease-in infinite;
} }
@keyframes scale { @-webkit-keyframes bounce {
0%,100% { 0%,20%,53%,80%,to {
transform: scale(1); -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
} }
50% {
transform: scale(1.1); 40%,43% {
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0)
}
40%,43%,70% {
-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}
70% {
-webkit-transform: translate3d(0,-15px,0);
transform: translate3d(0,-15px,0)
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0)
} }
} }
@-webkit-keyframes scale { @keyframes bounce {
0%,100% { 0%,20%,53%,80%,to {
transform: scale(0.9); -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
} }
50% {
transform: scale(1.1); 40%,43% {
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0)
}
40%,43%,70% {
-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}
70% {
-webkit-transform: translate3d(0,-15px,0);
transform: translate3d(0,-15px,0)
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0)
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment