Line 141: | Line 141: | ||
@keyframes example { | @keyframes example { | ||
0% {left:0%; top:0%;} | 0% {left:0%; top:0%;} | ||
− | 25% {left: | + | 25% {left:5%; top:0%;} |
− | 50% { left: | + | 50% { left:10%; top:0%;} |
− | 75% { left: | + | 75% { left:15%; top:0%;} |
− | 100% {left: | + | 100% {left:20%; top:0%;} |
} | } | ||
Line 169: | Line 169: | ||
position: relative; | position: relative; | ||
animation-name: example; | animation-name: example; | ||
− | animation-duration: | + | animation-duration: 20s; |
animation-timing-function: linear; | animation-timing-function: linear; | ||
animation-delay: 2s; | animation-delay: 2s; | ||
Line 177: | Line 177: | ||
@keyframes example { | @keyframes example { | ||
0% {left:0%; top:20%;} | 0% {left:0%; top:20%;} | ||
− | 25% {left: | + | 25% {left:5%; top:20%;} |
− | 50% { left: | + | 50% { left:10%; top:20%;} |
− | 75% { left: | + | 75% { left:15%; top:20%;} |
− | 100% {left: | + | 100% {left:20%; top:20%;} |
} | } | ||
Line 188: | Line 188: | ||
position: relative; | position: relative; | ||
animation-name: example; | animation-name: example; | ||
− | animation-duration: | + | animation-duration: 25s; |
animation-timing-function: linear; | animation-timing-function: linear; | ||
animation-delay: 2s; | animation-delay: 2s; | ||
Line 195: | Line 195: | ||
} | } | ||
@keyframes example { | @keyframes example { | ||
− | 0% { | + | 0% {left:0%; top:50%;} |
− | 25% { | + | 25% {left:5%; top:50%;} |
− | 50% { | + | 50% {left:10%; top:50%;} |
− | 75% { | + | 75% {left:15%; top:50%;} |
− | 100% { | + | 100% {left:20%; top:50%;} |
} | } | ||
Revision as of 16:41, 20 July 2017