![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5+css3
江湖与天涯
逆流而上
展开
-
3D转换详解
1.3D转换简述及坐标轴解析`3D`的特点近大远小 物体和面遮挡不可见三维坐标系x 轴:水平向右--**注意:x 轴右边是正值,左边是负值** y 轴:垂直向下--**注意:y 轴下面是正值,上面是负值** z 轴:垂直屏幕--**注意:往外边的是正值,往里面的是负值**2.3D转换`3D`转换知识要点`3D`位移:`translate3d(x...原创 2020-05-03 11:06:17 · 669 阅读 · 0 评论 -
`2D` 转换及动画详解
1.`2D`转换`2D`转换是改变标签在二维平面上的位置和形状,主要分为:移动:`translate` 旋转:`rotate` 缩放:`scale`2.`translate`语法x 就是 x 轴上水平移动,y 就是 y 轴上水平移动语法格式:transform: translate(x, y)transform: translateX(...原创 2020-05-02 16:28:42 · 326 阅读 · 0 评论 -
h5+css3相关新增属性及标签
1.语义化标签`header`---头部标签 `nav`---导航标签 `article`---内容标签 `section`---块级标签 `aside`---侧边栏标签 `footer`---尾部标签语义化标签使用注意事项语义化标签主要针对搜索引擎 新标签可以使用一次或者多次 在`IE9`浏览...原创 2020-04-24 00:35:15 · 152 阅读 · 0 评论