CSS 选择器
CSS 如何...
CSS 背景
CSS 边框
CSS 外边距
CSS 内边距
CSS 高度/宽度
CSS 盒模型
CSS 外轮廓
CSS 文本
CSS 字体
CSS 链接
CSS 列表
CSS 表格
CSS 显示/可见性
CSS 定位
CSS Z-index
CSS 溢出
CSS 对齐
CSS 组合器
CSS 伪类
CSS 伪元素
CSS 透明度
CSS 属性选择器
CSS 圆角
CSS 边框图像
CSS 背景
CSS 颜色
CSS 渐变
CSS 阴影效果
CSS 文本效果
CSS 网络字体
CSS 2D 变换
CSS 3D 变换
CSS 过渡
CSS 动画

Menu
×
×
正确

练习:

指定 <div> 元素的动画应在开始之前延迟“1”秒。

<style> div { width: 100px; height: 100px; position: relative; background-color: red; animation-name: example; animation-duration: 2s; animation-delay: 1s; } @keyframes example { 0% {background-color: red; left:0px;} 50% {background-color: yellow; left:200px;} 100% {background-color: red; left:0px;} } </style> <body> <div>This is a div</div> </body>

不正确

点击 此处 重试

正确

下一题 ❯
<style>
div {
  width: 100px;
  height: 100px;
  position: relative;
  background-color: red;
  animation-name: example;
  animation-duration: 2s;
  : ;
}

@keyframes example {
  0%   {background-color: red; left:0px;}
  50%  {background-color: yellow; left:200px;}
  100% {background-color: red; left:0px;}
}
</style>

<body>
  <div>This is a div</div>
</body>







×

重置分数?