注意:在您儲存之後您必須清除瀏覽器快取才可看到最新的變動。
?_=1來訪問最新頁面。
.swing {
transform: rotateZ(0deg);
animation: swing 2.5s ease-in-out infinite;
}
@keyframes swing {
0% {
transform: rotateZ(-25deg);
}
50% {
transform: rotateZ(25deg);
}
100% {
transform: rotateZ(-25deg);
}
}
.swinga {
transform: rotateZ(0deg);
animation: swinga 2.5s ease-in-out infinite;
}
@keyframes swinga {
0% {
transform: rotateZ(-25deg);
}
50% {
transform: rotateZ(25deg);
}
100% {
transform: rotateZ(-25deg);
}
}
.swingb {
transform: rotateZ(0deg);
animation: swingb 2.5s linear infinite;
}
@keyframes swingb {
from {
transform: rotateZ(0deg);
}
to {
transform: rotateZ(360deg);
}
}