SCSS
body {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
background: radial-gradient(#222, #111);
& > div {
margin: 5px;
}
}
div {
padding: 8px;
display: inline-block;
border-radius: 50%;
background-position: center center;
animation: 10s cubic-bezier(.9,-0.1,.1,1.1) infinite;
background-color: rgba(gainsboro, .1);
}
.trump {
&, & div {
animation-name: trump;
background-image: url(https://pbs.twimg.com/profile_images/1980294624/DJT_Headshot_V2.jpg);
}
}
@keyframes trump {
to { transform: rotate(1turn); }
}
