1、渐进增强，优雅降级 2、浏览器前缀 3、背景渐变 4、css 验证工具 2种方式：第2种支持验证本地的css（推荐） 5、css压缩 （节约空间，节省带宽） 6、旋转轮播图 案例： 注意： 1、3d 旋转 3d 的translateZ 2、子盒子要一般要写transform-style属性 更有 ...
分类：
Web程序 时间：
2019-04-22 00:16:02
阅读次数：
148
1、translate(x,y) 设置盒子位移2、scale(x,y) 设置盒子缩放3、rotate(deg) 设置盒子旋转4、skew(x-angle,y-angle) 设置盒子斜切5、perspective 设置透视距离6、transform-style flat | preserve-3d 设 ...
分类：
Web程序 时间：
2019-03-10 09:49:20
阅读次数：
218
作者 | 子慕大诗人 来源 | www.cnblogs.com/1wen/p/9064011.html 前言： 最近玩了玩用css来构建3D效果，写了几个demo，所以博客总结一下。 在阅读这篇博客之前，请先自行了解一下css 3D的属性，例如：transform-style，transform-o ...
分类：
Web程序 时间：
2018-12-22 01:43:08
阅读次数：
269
css3简单动画实例，实现魔方的动画 1、涉及的css属性： （1）父元素样式中： transform-style: preserve-3d;/*规定子元素以3D显示*/ animation:mofang 10s linear infinite;/*定义的动画名、动画完成的总时间、曲线样式、永久执行 ...
分类：
其他好文 时间：
2018-08-31 17:21:08
阅读次数：
218
方法： 1、对使用-webkit-transform:translate() 移动的标签，使用translate3d 替换 translate 2、增加-webkit-transform-style: preserve-3d; 样式 3、增加-webkit-backface-visibility:h ...
分类：
其他好文 时间：
2018-08-29 14:06:51
阅读次数：
162
CSS3 transform变换 1、translate(x,y) 设置盒子位移2、scale(x,y) 设置盒子缩放3、rotate(deg) 设置盒子旋转4、skew(x-angle,y-angle) 设置盒子斜切5、perspective 设置透视距离6、transform-style fla ...
分类：
Web程序 时间：
2018-06-15 01:04:07
阅读次数：
272
效果图 主要用到的3D属性 1、保留子元素的3d属性：transform-style:preserve-3d; 2、2D变形属性： ①transform:translate()平移，分X轴，Y轴，Z轴3个方向；单位是像素 ②transform:rotate()旋转，分X轴，Y轴，Z轴3个方向；单位是 ...
分类：
其他好文 时间：
2018-06-07 14:05:53
阅读次数：
131
1. CSS 3d透视 perspective 属性都是加给父元素的 transform-style：preserve-3d; 这个属性必须与transform一同使用，它使被转换的子元素保留其 3D 转换（即设置给父元素） 2. 元素本身有animation的属性时，transition 中在an ...
分类：
Web程序 时间：
2018-03-30 19:58:54
阅读次数：
182
transform-style:flat | preserve-3d； 3d透视属性。针对子元素如何在3d空间相对其父元素渲染，这个属性声明在父元素上，并且他的子元素使用了transform才会有效。有两个属性值，一个是flat平面，这也是默认值；一个是preserve-3d当子元素使用transf ...
分类：
Web程序 时间：
2018-01-30 00:19:16
阅读次数：
177
Jquery 的serialize()方法 Jquery 的serializeArray()方法 Jquery serializeArray()方法的数据转json... ...
分类：
Web程序 时间：
2018-01-23 14:23:13
阅读次数：
500
