- 用到的点：
-
旋转
-
2D 旋转
transform: rotate(值deg) deg 角度的单位 -
3D 旋转
transform:rotateX rotateY roteteZ
如果让一个块实现3D效果，必须做两件事：
1、在要实现3D效果的块上 加transform-style:preserve-3D (声明)
2、在要实现3D效果的块的父元素上加一个镜头的距离
一般范围为（800~1200px）
用法：perspective:800px~1200px;
平移 ：transform:translateX(0px) translateY() translateZ()
背景图
background:url(‘图片的路径’)
什么都不设置的话，图片小于边框大小，会出现平铺现象， 要使图片不平铺的话，background:url(‘图片的路径’) no- repeat(不平铺)
repeat-x 只沿X轴平铺
repeat-y 只沿Y轴平铺background-size:200px 500px； 设置背景图大小 但是可能会使图片失帧。
-
效果图：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF
最低0.47元/天 解锁文章
扫一扫
1605
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
