要点： 1 页面旋转使用css3的rorateY(180deg) 实现页面的翻转 2 使用backface-visibility 实现正面元素翻转之后背面不可见，显示出反面的元素 demo： html <div> <div class="oppsite">反面的内容</div> <div class ...
分类：
Web程序 时间：
2019-05-08 20:25:14
阅读次数：
1158
背景的透明度 Opacity:0-1; 标准浏览器的写法，内容字体跟着一起有透明度。 Background:rgba(255,2,2,.3) 标准浏览器拥有的，但是元素内容不跟着一起透明。 在ie8一下 透明度的写法 filter:alpha(opacity=30); ...
分类：
Web程序 时间：
2019-05-07 19:49:16
阅读次数：
834
3.css3的特效 1.2D转换 属性是transform 属性值 translate() rotate() scale() skew() Translate 平移 语法 translate(x,y) Rotate 旋转 语法 transform:rotate() Scale 缩放 语法 trans ...
分类：
Web程序 时间：
2019-05-07 19:43:34
阅读次数：
3301
恢复内容开始 水平渐变 linear gradients 语法 background:linear-gradient(direction，color1，color2，……) Direction 0% 在0%处 是纯红色 20%是纯蓝色 如果最后一个值不是100% 代表从这个值到100%都是纯oran ...
分类：
Web程序 时间：
2019-05-07 19:42:45
阅读次数：
928
前端之HTML5，CSS3（三） 过渡 通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果的特性称为过渡。简单来说，就是某一元素从一种状态平滑的转变为另一种状态的过程。 过渡(transition)的属性 基本语法： ...
分类：
Web程序 时间：
2019-05-07 01:41:13
阅读次数：
260
html: css： 经过测试也并没有像作者说的那样兼容这么多选择器，但是常用的还是兼容的。使用时基本和jquery配合使用不然不起作用。 优势就是可以把样式写在样式文件中。 selectivizr-1.0.2 http://selectivizr.com/ ...
分类：
Web程序 时间：
2019-05-06 19:02:31
阅读次数：
260
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{ background:#000; } .box{ width:300px; height:300px; ...
分类：
Web程序 时间：
2019-05-06 18:52:17
阅读次数：
166
CSS3动画特效——transform详解 1）transform:rotate(value); 元素旋转 value为旋转度数 默认顺时针旋转。 value若为负值则逆时针旋转。 2）transform:skew(value);元素倾斜 value(值)为倾斜度数，例：30deg。 value只有 ...
分类：
Web程序 时间：
2019-05-04 00:47:54
阅读次数：
2501
在animation中最重要的其实就是时间函数（animation-timing-function）这个属性，他决定了你的动画将以什么样的速度执行，所以最关键的属性值也就是cubic-bezier(n,n,n,n),你平时用到的linear、ease、ease-out等都是基于这个属性值的，那么我们 ...
分类：
Web程序 时间：
2019-05-04 00:35:14
阅读次数：
203
封装Animte 动画函数 虽然可能以后的开发中可能根本不需要自己写，Jquery 给我们封装好了，或者用CSS3的一些属性达到这样的效果可能更简单。 我比较喜欢底层的算法实现，万变不离其中，这个逻辑思路，也是需要锻炼的。也跟着做了一遍 ...
分类：
编程语言 时间：
2019-05-03 11:41:29
阅读次数：
116
