CSS动画可以让网页更加生动有趣。
过渡效果
.button {
transition: all 0.3s ease;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}关键帧动画
@keyframes slideIn {
from { transform: translateX(-100%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
评论 (0)
暂无评论，来发表第一条评论吧！
发表评论