meta视口
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale1.0,maximum-scale=1.0,minimum-scale=1.0">
1.0就是不缩放
背景缩放
/* 背景缩放*/
……继续阅读 »
9个月前 (09-02) 904浏览 1评论
5赞
三维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的。
x轴：水平向右 注意： x 右边是正值，左边是负值
y轴：垂直向下 注意： y 下面是正值，上面是负值
z轴：垂直屏幕 注意： 往外面是正值，往里面是负值
3D位移translate3d
3D移动在2D移动的基础上多加了一个可以移动的方向，就是z轴方向
translform:transla……继续阅读 »
9个月前 (09-01) 559浏览 0评论
1赞
动画常见属性
属性
描述
@keyframes
规定动画。
animation
所有动画属性的简写属性，除了animation-play-state属性。
animation-name
规定@keyframes动画的名称。（必须的）
animation-duration
规定动画完成一个周期所花费的秒或毫秒，默认是0。（必须的）
……继续阅读 »
9个月前 (08-31) 604浏览 1评论
2赞
2D转换-移动translate
可以改变元素在页面中的位置，类似定位。
transform:translate(x,y);
特点：
不会影响其他元素的位置
可以使用百分号，且translate中的百分比单位是相对于自身元素的translate(50%,50%);
对行内元素没有效果
经常与过渡一起使用
实现居中
<!DOCTYPE html&g……继续阅读 »
9个月前 (08-31) 613浏览 0评论
0赞
过渡（transition) 是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果
过渡动画：是从一个状态渐渐的过渡到另外一个状态
过渡经常和：hover一起搭配使用
transition：要过度的属性 花费时间 运动曲线 何时开始；
要过渡的属性：想要变……继续阅读 »
9个月前 (08-29) 638浏览 0评论
3赞
CSS3 给我们新增了选择器，可以更加便捷，更加自由的选择目标元素。
属性选择器
结构伪类选择器
伪元素选择器
属性选择器
属性选择器可以根据元素特定的属性来选择元素，这样就可以不用借助于类或者id选择器
选择符
简介
E[att]
选择具有att属性的E元素
E[att=“val”]
选择具有att属性且属性值等于val的E元素……继续阅读 »
9个月前 (08-29) 601浏览 0评论
1赞
