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

1 vote236 views2 answers
Png image background transparent css
CSS
1 vote205 views1 answer
Prefix in css
CSS
17 votes204 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS
86 votes191 views6 answers
Css all caps
CSS
1 vote220 views1 answer
How to set fallback font in css
CSS
0 vote163 views1 answer
Matsnackbar background color
CSS
0 vote234 views1 answer
Box-shadow left right and bottom
CSS
1 vote208 views1 answer
On clicking a link it gets red color
CSS
2 votes262 views1 answer
Sass class with another class
CSS
1 vote219 views1 answer
Kommentar css
CSS