Animacion de gota css

#sun {
margin-left: -10px;
margin-top: 6px;
opacity: 0;
width: 60px;
height: 60px;
position: absolute;
left: 45px;
top: 15px;
z-index: 1;
 
animation-name: rotate;
animation-duration: 16000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
 
#sun path {
stroke-width: 0.18;
fill: #9ea1a4;
}
@<a href="https://www.cssblog.es/tags/keyframes/">keyframes</a> rotate {
0% {
transform: rotateZ(0deg);
}
 
100% {
transform: rotateZ(360deg);
}
}

Source: cssblog.es

Similar codes

5 votes215 views1 answer
Html how to indent text
CSS
0 vote203 views1 answer
Asp net css how to change text alignment of gridview column
CSS
1 vote209 views1 answer
Nth of type for every 4th after the 1st
CSS
0 vote210 views2 answers
Css animation not working
CSS
35 votes197 views6 answers
Gradient css background
CSS
16 votes196 views4 answers
Arrow up css
CSS
100 votes208 views8 answers
Create react app
CSS
11 votes226 views1 answer
Css not class
CSS
5 votes191 views3 answers
How to make a linear gradient in css
CSS
12 votes220 views2 answers
Grid template columns
CSS