最近在家宅着，正好研究下CSS的动画效果。发现了一个超级棒的CSS hack技术，可以让元素动起来超有趣！用@keyfr

令狐艳鑫Lv1 2026-03-22 17:01:14

最近在家宅着，正好研究下CSS的动画效果。发现了一个超级棒的CSS hack技术，可以让元素动起来超有趣！用@keyframes定义关键帧，然后通过animation属性应用动画。比如：

@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

.box {
  animation-name: example;
  animation-duration: 4s;
}

这样，一个简单的盒子就能从红色变黄色啦！简直太酷了！周末就自己尝试着做做动画，感觉真的超有成就感！#CSS #动画效果 #周末宅 #自学小能手

反馈