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

0 vote384 views3 answers
Sass color functions
CSS
1 vote363 views1 answer
-mos css
CSS
0 vote362 views1 answer
Flex box writing sideways text top to bottom
CSS
0 vote403 views1 answer
Stop padding from changing div size
CSS
0 vote381 views2 answers
Webkit-line-clamp: 2;
CSS
0 vote394 views1 answer
Bash access array indirectly
CSS
1 vote442 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
1 vote386 views2 answers
How to set thickness of hr in html
CSS
75 votes325 views6 answers
Remove scrollbar css
CSS
45 votes363 views6 answers
How to write css in html
CSS