CSS アニメーションを視覚的にデザインします。キーフレームエディター・タイミングカーブ・プリセット・CSS 出力付き。
@keyframes custom-animation {
0% {
transform: translateX(0px) translateY(0px) rotate(0deg) scale(1);
opacity: 1;
background-color: #10b981;
border-radius: 8px;
}
100% {
transform: translateX(0px) translateY(0px) rotate(0deg) scale(1);
opacity: 1;
background-color: #10b981;
border-radius: 8px;
}
}
.animated-element {
animation: custom-animation 1s ease 0s infinite normal both;
}The IT Hustle の無料CSSアニメーションビルダーで、ビジュアルエディターを使ってCSSキーフレームアニメーションをデザインしましょう。