鐘擺
以頂部為軸的鐘擺式擺動。
效果預覽
參數調節
完整代碼
/* 鐘擺 */
@keyframes swing {
0%, 100% { transform: rotate(0deg); }
20% { transform: rotate(12deg); }
60% { transform: rotate(-10deg); }
}
.swing { animation: swing 1.2s ease-in-out infinite; transform-origin: top center; }