知识点总结

2.16 transform

transform 是 css3 的属性，该属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放， 移动，倾斜等。

常用的值有：

translate(x,y) 定义 2D 转换。移动

translate3d(x,y,z) 定义 3D 转换。

translateX(x) 定义转换，只是用 X 轴的值。

rotate(angle) 定义 2D 旋转，在参数中规定角度。

rotate3d(x,y,z,angle) 定义 3D 旋转。

rotateX(angle) 定义沿着 X 轴的 3D 旋转。

比如：

transform: translateZ(15px);
transform: rotateX(90deg);

2.17 transition

transition 属性设置元素当过渡效果，四个简写属性为

transition: all 1s ease;

2.18 动画

动画属性可以逐渐地从一个值变化到另一个值，比如尺寸大小、数量、百分比和颜色

定义语法：

@keyframes animationName{
    from {}
    to {}
}

2.19其它属性

2.19.1 列表属性

List-style

• list-style:none; 没有点的呈现
• list-style: disc; 呈现圆点
• list-style: circle; 空心圆
• list-style: square;正方块

2.19.2 透明度

opacity: 0.8; /属性值 [0-1] 0：完全透明 1：不透明/

2.19.3 光标

cursor: pointer; 手型

cursor: url(img/menghuan.ico),auto; 鼠标效果 图片样子

心得体会

今天继续是对css的复习，但是全都是自己以前没有学到的知识点，整个的学习过程也变得主动，有趣。掌握了用css3做动画的知识，但是相册的制作自己没有完成，最后依赖老师的代码才完成。最后除了对新知识的学习，对浮动的知识点的理解稍微清晰了一点。

疑惑：绝对定位和相对定位不理解，不会用