思路：先写出简单的数字计时，根据时分秒的数值转换成度数，使用CSS3的transform进行div倾斜。 知识点：transform可以对div进行倾斜或旋转等效果。但是根据浏览器不同代码也不同，本代码只能根据chorme浏览器或safari使用 代码部分： <!doctype html><html ...
分类：
Web程序 时间：
2017-04-29 18:58:31
阅读次数：
275
1、calc()是css3的一个新增的功能，用来指定元素的长度，你可以使用calc()给元素的border、margin、pading、font-size和width等属性动态的设置值。 2、calc()语法 3、calc()的运算法则 1）、使用 "+"、"-"、"*" 和 "/" 运算 2）、可 ...
分类：
Web程序 时间：
2017-04-28 18:24:25
阅读次数：
265
currentColor顾名思意就是“当前颜色”，准确讲应该是“当前的文字颜色”，例如： currentColor表示“当前的标签所继承的文字颜色”，换种方式表示就是：currentColor = color的值。 凡事需要使用颜色值的地方，都可以使用currentColor替换，比方说背景色 – ...
分类：
Web程序 时间：
2017-04-28 09:20:59
阅读次数：
150
1.浏览器支持情况 Internet Explorer 10、Firefox、Opera 支持 transform 属性。 Internet Explorer 9 支持替代的 -ms-transform 属性（仅适用于 2D 转换）。 Safari 和 Chrome 支持替代的 -webkit-tr ...
分类：
Web程序 时间：
2017-04-24 10:10:44
阅读次数：
300
这个感觉有点水，只是一个很简单的css3的3D动画，不过对于不会的人来说，应该还是蛮能唬人的吧，哈。 原理很简单，老规矩，都在注释里面，可以直接复制走代码，粘贴 ...
分类：
Web程序 时间：
2017-04-24 00:57:49
阅读次数：
212
在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSSFont-Size:emvs.pxvs.ptvs.percent这样的PK大局。不幸的是，仍然有不同的利弊，使各种技术都不太理想，但又无法不去用。..
分类：
Web程序 时间：
2017-04-20 11:32:11
阅读次数：
171
一、animates.css 一、animates.css 一、animates.css 一、animates.css animate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画，包括：晃动，闪动，各种淡出淡出效果 ...
分类：
Web程序 时间：
2017-04-18 19:20:49
阅读次数：
313
这是一组效果很炫酷的纯CSS3 Loading载入动画特效。这组loading动画共同拥有27种不同的效果。每一种loading动画都是通过CSS3的keyframes帧动画来完毕的，每个载入动画都构思新颖。效果很的酷。 效果演示：http://www.htmleaf.com/Demo/201503 ...
分类：
Web程序 时间：
2017-04-18 14:22:52
阅读次数：
179
渐变主要是通过CSS3的动画实现。
只需给css中添加transtion动画时间加上JS设置指定图片透明度显示与消失即可实现渐变过程。 ...
分类：
Web程序 时间：
2017-04-17 11:39:02
阅读次数：
384
前面的话 边框是CSS盒模型属性中默默无闻的一个普通属性，CSS3的到来，但得边框属性重新焕发了光彩。本文将详细介绍CSS边框 基础样式 边框是一条以空格分隔的集合样式，包括边框粗细(边框宽度)、边框颜色和边框样式，且先后顺序无关 border: border-width border-color ...
分类：
Web程序 时间：
2017-04-12 21:17:41
阅读次数：
294
