运行效果
旋转 透明
HTML
<div class="demo0">
</div>
css:
* {
padding: 0;
margin: 0;
}
.demo0 {
width: 200px;
height: 200px;
background: salmon;
margin: 200px auto;
animation: zhuan 2s linear infinite alternate;
opacity: 0;
position: relative;
}
@keyframes zhuan {
from {
transform: rotateZ(0);
opacity: 0;
}
to {
transform: rotateZ(720deg);
opacity: 1;
}
}
