⭐
🍌
☁️
✨
‹ 返回课程
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 暂停⌫ 退格