User:তাহমিদ/Sandbox/style.css: Difference between revisions
< User:তাহমিদ | Sandbox
Content added Content deleted
No edit summary Tags: Mobile edit Mobile web edit Advanced mobile edit |
No edit summary Tags: Mobile edit Mobile web edit Advanced mobile edit |
||
(10 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
@keyframes myOwnAnimation { |
@keyframes myOwnAnimation { |
||
0% { bottom: 0; } |
|||
5% { bottom: 5vh; } |
|||
} |
50% { top: 50vh; } |
||
95% { top: 5vh; } |
|||
100% { top: 0; } |
|||
} |
|||
} |
} |
||
.myOwnClass { |
.myOwnClass { |
||
position:fixed; |
position:fixed; |
||
bottom:0; |
bottom: 0; |
||
right: 0; |
right: 0; |
||
animation-name: myOwnAnimation; |
animation-name: myOwnAnimation; |
||
animation-duration: |
animation-duration: 4s; |
||
animation-delay: 2s; |
|||
animation-iteration-count: infinite; |
|||
/*animation-direction: alternate;*/ |
|||
animation-timing-function: linear; |
|||
} |
} |
Latest revision as of 04:47, 21 July 2021
@keyframes myOwnAnimation {
0% { bottom: 0; }
5% { bottom: 5vh; }
50% { top: 50vh; }
95% { top: 5vh; }
100% { top: 0; }
}
.myOwnClass {
position:fixed;
bottom: 0;
right: 0;
animation-name: myOwnAnimation;
animation-duration: 4s;
animation-delay: 2s;
animation-iteration-count: infinite;
/*animation-direction: alternate;*/
animation-timing-function: linear;
}