Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #container { margin: 10%; }
- #circle { position: relative; width: 50%; overflow: hidden; }
- #circle text { font-family: 'Helvetica Neue', Arial; font-size: 16px; font-weight: bold; }
- #circle svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
- -webkit-animation-name: rotae;
- -moz-animation-name: rotae;
- -ms-animation-name: rotae;
- -o-animation-name: rotae;
- animation-name: rotae;
- -webkit-animation-duration: 5s;
- -moz-animation-duration: 5s;
- -ms-animation-duration: 5s;
- -o-animation-duration: 5s;
- animation-duration: 5s;
- -webkit-animation-iteration-count: infinite;
- -moz-animation-iteration-count: infinite;
- -ms-animation-iteration-count: infinite;
- -o-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
- -webkit-animation-timing-function: linear;
- -moz-animation-timing-function: linear;
- -ms-animation-timing-function: linear;
- -o-animation-timing-function: linear;
- animation-timing-function: linear;
- }
- @-webkit-keyframes rotate {
- from { -webkit-transform: rotate(360deg); }
- to { -webkit-transform: rotate(0); }
- }
- @-moz-keyframes rotate {
- from { -moz-transform: rotate(360deg); }
- to { -moz-transform: rotate(0); }
- }
- @-ms-keyframes rotate {
- from { -ms-transform: rotate(360deg); }
- to { -ms-transform: rotate(0); }
- }
- @-o-keyframes rotate {
- from { -o-transform: rotate(360deg); }
- to { -o-transform: rotate(0); }
- }
- @keyframes rotate {
- from { transform: rotate(360deg); }
- to { transform: rotate(0); }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement