MyStyles.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "#whead{ width: 100px; height: 50px; background-color: red; font-weight: bold; position: relative; animation: mymove 5s; animation-fill-mode: forwards; } #whead {animation-timing-function: linear;} #div2 {animation-timing-function: ease;} #div3 {animation-timing-function: ease-in;} #div4 {animation-timing-function: ease-out;} #div5 {animation-timing-function: ease-in-out;} @keyframes mymove { from {left: 0px;} to {left: 300px;} }") |
No edit summary |
||
| Line 1: | Line 1: | ||
span.whead.wbody{ | |||
width: 100px; | width: 100px; | ||
height: 50px; | height: 50px; | ||
| Line 9: | Line 9: | ||
} | } | ||
.whead {animation-timing-function: linear;} | |||
#div2 {animation-timing-function: ease;} | #div2 {animation-timing-function: ease;} | ||
#div3 {animation-timing-function: ease-in;} | #div3 {animation-timing-function: ease-in;} | ||
Revision as of 00:18, 9 April 2024
span.whead.wbody{
width: 100px; height: 50px; background-color: red; font-weight: bold; position: relative; animation: mymove 5s; animation-fill-mode: forwards;
}
.whead {animation-timing-function: linear;}
- div2 {animation-timing-function: ease;}
- div3 {animation-timing-function: ease-in;}
- div4 {animation-timing-function: ease-out;}
- div5 {animation-timing-function: ease-in-out;}
@keyframes mymove {
from {left: 0px;}
to {left: 300px;}
}