css3样式

作者：徒醉了清风发布日期:2025-02-23 浏览:81

/* 示例代码：使用CSS3实现一个简单的动画效果 */

/* 定义关键帧动画 */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* 应用动画到元素 */
.box {
  width: 200px;
  height: 200px;
  background-color: #3498db;
  animation: fadeIn 2s ease-in-out;
}

/* 解释说明：
- @keyframes 规则用于创建动画，定义了动画从开始到结束的变化。
- .box 是一个类选择器，应用了这个类的元素将会有淡入的效果。
- animation 属性用于应用动画，设置动画名称、持续时间和缓动函数。 */

上一篇：css类选择器

下一篇：css >