css3 添加出场动画 |css 伪装a标签

想要为网页添加出场动画，大家可以使用CSS3中的“transition”、“transform”、“animation”等属性来设置动画效果。

/* 设置一个简单的位移动画 */
.box {  
transition: all 0.3s ease-in-out;
}
.box:hover {
transform: translateX(10px);
}
/* 添加一个旋转动画 */
@keyframes rotate {
from {transform: rotate(0);}
to {transform: rotate(360deg);}
}
.box {
animation: rotate 2s infinite linear;
}

以上代码展示了如何使用transition和transform属性设置一个简单的移动动画，以及使用animation属性设置旋转动画。其中，transition属性用于设置元素从一个状态到另一个状态的平滑过渡，transform属性则用于改变元素的形状、位置和大小等属性。

另外，通过使用“@keyframes”规则，可以定义一组关键帧，从而实现更加复杂的各种动画效果。

总的来说，CSS3中添加出场动画可以让网页看上去更加生动有趣，为用户带来更好的体验。