2
我希望有i.spin动画,当你将鼠标悬停在容器div.logoCSS旋
HTML
@keyframes spin {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(90deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(270deg);
}
100% {
transform: rotate(360deg);
}
}
.spin:hover {
animation: spin 450ms;
animation-timing-function: linear;
}
<div class="logo">
<i class="fa fa-envelope-o spin" aria-hidden="true"></i> D<span>e</span>trevnoc
</div>
这正是它! “.logo:hover> .spin {”就是我正在寻找的东西。 –