CSS 动画

编程代码 · HTML/CSS

💡 CSS 动画：@keyframes 定义帧动画，transition 过渡效果

@keyframes fadeIn {↵// @keyframes 定义名为 fadeIn 的动画序列

from { opacity: 0; }↵// 起始帧：完全透明

to { opacity: 1; }↵// 结束帧：完全不透明

}↵// 动画定义结束

.fade {↵// 选择要应用动画的元素

animation: fadeIn 0.3s ease-in-out;↵// 应用 fadeIn 动画，0.3 秒，缓入缓出

}↵// 样式结束

.hover-scale:hover {↵// 鼠标悬停时的效果

transform: scale(1.05);↵// 放大到 1.05 倍

transition: transform 0.2s;↵// 0.2 秒平滑过渡效果

}// 样式结束

0 字/分0% 准确

🐵

ESC 暂停⌫ 退格