calc() 函数用于动态计算长度值 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% 10px)；height: calc(100% 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", " ", " ", "/" 运算； ...
分类：
Web程序 时间：
2019-07-26 17:24:54
阅读次数：
98
CSS 用于控制网页的样式和布局，而CSS3 是最新的 CSS 标准。 CSS3的规范仍在开发中，有些CSS3并不能完美兼容所有浏览器。 CSS3被拆分为"模块"。旧规范已拆分成小块，还增加了新的。 一些最重要CSS3模块如下： 选择器 盒模型 背景和边框 文字特效 2D/3D转换 动画 多列布局 ...
分类：
Web程序 时间：
2019-07-25 17:43:45
阅读次数：
224
一：CSS3 圆角 border-radius 属性是一个最多可指定四个 border -*- radius 属性的复合属性 注意： 这个属性允许你为元素添加圆角边框！ CSS3 border-radius - 指定每个圆角 如果你在 border-radius 属性中只指定一个值，那么将生成 4 ...
分类：
Web程序 时间：
2019-07-24 19:14:06
阅读次数：
116
上次解释了如何使用代码识别双指和单指操作及放大和旋转拖动操作。这次解释下css3的transform原理 一、transform矩阵原理 transform: matrix(a,b,c,d,e,f) ax+cy+e为变换后的水平坐标，bx+dy+f表示变换后的垂直 二、Transform的原理即是坐 ...
分类：
其他好文 时间：
2019-07-23 09:27:02
阅读次数：
118
一、transition 1、transition元素样式发生改变时，给元素添加一个过渡动画。 1.1、transition-delay 延迟时间，动画延迟多长时间执行(s|ms) 默认值0s 1.2、transition-duration 动画时长，动画用多长时间完成(s|ms) 默认值 0s 1 ...
分类：
Web程序 时间：
2019-07-22 13:12:45
阅读次数：
154
https://www.cnblogs.com/ningkyolei/p/4623697.html 很久之前写的一篇文章了，今天重新整理一下关于css3背景渐变的写法，至于是怎么来的，可以看下面渐变的详细解释。 在项目中，有很多地方都用到了背景线性渐变。如果在移动端还可以适当使用CSS3这个属性 c ...
分类：
Web程序 时间：
2019-07-22 13:07:50
阅读次数：
134
原文:www.zhangxiyu 一、CSS下兼容性的元素水平/垂直翻转实现 随着现代浏览器对CSS3的支持愈发完善，对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能。相关的CSS代码如下： /*水平翻转*/ .flipx { -moz-transform:scaleX(-1); ...
分类：
Web程序 时间：
2019-07-19 20:48:10
阅读次数：
135
css3的2d转化，我所知的有5种。 因为是css属性，所以必然，2d转化的设置在style中设置基本格式，transform：XXX；以选择哪种转化，还可以设置transition：time；以设置转化时间（不过不能设置在初始状态下，否则无效） 下面按标号进行介绍： 1.translate 有2种 ...
分类：
Web程序 时间：
2019-07-18 19:35:31
阅读次数：
132
background-attcahment： scroll: 相对于图片的容器进行定位 local: 相对于内容进行定位 fixed： 相对于视口定位 ...
分类：
Web程序 时间：
2019-07-17 00:38:21
阅读次数：
333
box-shadow （外阴影） 边框加阴影，有内阴影和外阴影 关于Z轴，先设置的属性在上面，后设置的属性在下面 外阴影跟内阴影的五个值都是差不多一样的，只有第4个值外阴影是放大内阴影是缩小 我们来看一下设置的效果是什么样的。。。👇 box-shadow：inset （内阴影） 这里面的第五个值是 ...
分类：
Web程序 时间：
2019-07-17 00:31:38
阅读次数：
129
