Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- background: #000;
- }
- .meglepetes,
- .meglepetes:before,
- .meglepetes:after{
- width: 200px;
- height: 200px;
- background: red;
- }
- .meglepetes{
- position: relative;
- margin: 200px auto;
- transform: rotate(45deg);
- animation: animate 1s linear infinite;
- }
- .meglepetes:before,
- .meglepetes:after{
- position: absolute;
- content: '';
- border-radius: 50%;
- }
- .meglepetes:before{
- bottom: 0px;
- left: -100px;
- }
- .meglepetes:after{
- top: -100px;
- right: 0;
- }
- @keyframes animate{
- 0%{
- transform: rotate(45deg), scale(1);
- }
- 25%{
- transform: rotate(45deg) scale(1.2);
- }
- 50%{
- transform: rotate(45deg) scale(1.4);
- }
- 75%{
- transform: rotate(45deg) scale(1.2);
- }
- 90%{
- transform: rotate(45deg) scale(1);
- }
- 100%{
- transform: rotate(45deg) scale(1);
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement