CSS3图片倒影技术2014年5月13日歪脖骇客 2条评论13目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些，实际上还有很多CSS新属性并未包含进CSS3官方标准中，像谷歌浏览器或火狐浏览器等都会利用CSS的浏览器引擎前缀(Vendor Prefix)来实现很多自定义的CSS功能...
分类：
其他好文 时间：
2014-10-14 02:36:17
阅读次数：
292
Chrome 37
Firefox 32
IE 8
TTF(TrueType)
○
○
○
╳
OTF(OpenType)
○
○
○
╳
WOFF
○
○
○
╳
SVG
╳
○
╳
╳
local()
╳
○
○
╳
EOT
╳
╳
╳
○
WOFF 2.0
╳
╳
...
分类：
Web程序 时间：
2014-10-14 00:14:27
阅读次数：
469
这篇文件介绍的动画是QQ邮箱APP里的加载动画，效果类似，但是不完全一样。实现过程不复杂，这里不详细解释了，直接上源码。另外还有一种实现方式，利用元素的3D转换加平移。1. 先看截图2. 源代码 1 2 3 4 5 CSS3实现加载的动画效果8 6 7 8 9 31 32 33 34 ...
分类：
Web程序 时间：
2014-10-13 20:40:47
阅读次数：
173
原文地址【http://www.w3cfuns.com/blog-5402109-5400903.html】1、鼠标放在圆形图片中，图片渐渐的变方形【17素材头像的特效，觉得不错就研究下来了 ————17sucai.com】img{border-radius:50%;transition: all ...
分类：
Web程序 时间：
2014-10-13 18:15:31
阅读次数：
209
鼠标悬浮炫光效果：http://demo.qpdiy.com/hxw/CSS3/button-light.html在网页上实现这种动作效果有三种方法：首先是JS，可以用jquery的animate事件实现，如果不想用JS的话可以通过css3实现过渡：.button:hover i { left:10...
分类：
Web程序 时间：
2014-10-13 16:57:09
阅读次数：
367
Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动trans...
分类：
其他好文 时间：
2014-10-12 20:43:08
阅读次数：
254
W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。”下面我们同样从其最语法和属性值开始一步一步来学习transi...
分类：
其他好文 时间：
2014-10-12 17:45:18
阅读次数：
256
之前和网友分享一款HTML5可爱的404页面动画 很逗的机器人。今天要爱编程小编要再给大家带来一款html5和css3打造的创意404页面。一起看下效果图吧：在线预览源码下载实现的代码。html代码： ...
分类：
Web程序 时间：
2014-10-12 14:03:08
阅读次数：
287
