×

×

正确！

CSS 练习:

为 <div> 元素添加一个 2 秒的动画，将颜色从红色变为蓝色。调用动画 “示例”

Hint: Use the @keyframes rule, and the animation-name, and animation-duration properties.

编辑此代码:

结果:

正确的代码:

结果:

CSS 选择器

练习 1 练习 2 练习 3 练习 4 转到 CSS Selectors 教程

CSS 如何使用

练习 1 练习 2 练习 3 练习 4 转到 CSS How To... 教程

CSS 背景颜色

练习 1 练习 2 练习 3 练习 4 练习 5 转到 CSS Background 教程

CSS 边框

练习 1 练习 2 练习 3 练习 4 转到 CSS Border 教程

CSS 外边距

练习 1 练习 2 练习 3 练习 4 转到 CSS Margin 教程

CSS 内边距

练习 1 练习 2 练习 3 转到 CSS Padding 教程

CSS 高度和宽度

练习 1 练习 2 转到 CSS Height/Width 教程

CSS 盒子模型

练习 1 练习 2 练习 3 练习 4 转到 CSS Box Model 教程

CSS 轮廓

练习 1 练习 2 练习 3 转到 CSS Outline 教程

CSS 文本

练习 1 练习 2 练习 3 练习 4 练习 5 转到 CSS Text 教程

CSS 字体

练习 1 练习 2 练习 3 练习 4 练习 5 转到 CSS Font 教程

CSS 链接

练习 1 练习 2 练习 3 练习 4 转到 CSS Links 教程

CSS 列表

练习 1 练习 2 练习 3 练习 4 转到 CSS Lists 教程

CSS 表格

练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 转到 CSS Tables 教程

CSS 显示和可见

练习 1 练习 2 练习 3 练习 4 转到 CSS Display/Visibility 教程

CSS 定位

练习 1 练习 2 练习 3 练习 4 练习 5 转到 CSS Positioning 教程

CSS 溢出

练习 1 练习 2 练习 3 转到 CSS Overflow 教程

CSS 水平和垂直对齐

练习 1 练习 2 转到 CSS Align 教程

CSS 组合器

练习 1 练习 2 练习 3 练习 4 转到 CSS Combinators 教程

CSS 伪类

练习 1 练习 2 练习 3 练习 4 转到 CSS Pseudo-classes 教程

CSS 伪元素

练习 1 练习 2 练习 3 转到 CSS Pseudo-elements 教程

CSS 透明度

练习 1 练习 2 转到 CSS Opacity 教程

CSS 属性选择器

练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 转到 CSS Attribute Selectors 教程

CSS 圆角

练习 1 练习 2 转到 CSS Rounded Corners 教程

CSS 边框图像

练习 1 练习 2 转到 CSS Border Images 教程

CSS 多重背景

练习 1 练习 2 练习 3 练习 4 练习 5 转到 CSS Backgrounds 教程

CSS 颜色

练习 1 练习 2 练习 3 练习 4 转到 CSS Colors 教程

CSS 渐变

练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 练习 7 转到 CSS Gradients 教程

CSS 阴影效果

练习 1 练习 2 练习 3 练习 4 练习 5 转到 CSS Shadow Effects 教程

CSS 文本效果

练习 1 练习 2 练习 3 转到 CSS Text Effects 教程

CSS Web 字体

练习 1 练习 2 转到 CSS Web Fonts 教程

CSS 2D 转换

练习 1 练习 2 练习 3 练习 4 转到 CSS 2D Transforms 教程

CSS 3D 转换

练习 1 练习 2 练习 3 转到 CSS 3D Transforms 教程

CSS 过渡

练习 1 练习 2 练习 3 练习 4 练习 5 转到 CSS Transitions 教程

CSS 动画

练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 转到 CSS Animations 教程