Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html
- <div id='rot'></div>
- <a href='#rot'>Start</a>
- <p>
- <a href='#'>Stop</a>
- css
- #rot {
- width: 300px;
- height: 300px;
- border: 10px dashed red;
- border-radius: 50%;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- #rot:target {
- animation: rot 5s linear infinite;
- }
- a {
- text-decoration: none;
- font-weight: 900;
- font-size: 25px;
- background-color: red;
- color: white;
- padding: 5px 10px;
- border-radius: 5px;
- }
- @keyframes rot {
- 100% {
- transform: translate(-50%, -50%) rotate(360deg);
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement