css样式:.div a img{ width: 88px; height: 88px; border-radius: 88px; transition: all 1.2s ease-out 0s;}.div a img:hover{ -webkit-transform:rotate(360deg)...
分类:
Web程序 时间:
2014-07-24 12:22:25
阅读次数:
426
CSS3中 animation 和 transition 俩样式都能创建动画效果,而且是后台C++执行的,所以效率比普通jQuery的js模拟动画的效率高很多,所以建议大家能用css实现的效果都用css。 transition的使用比较简单,这里就不介...
分类:
Web程序 时间:
2014-07-24 10:55:24
阅读次数:
3518
不同于transition的过渡效果,@keyframes能够设置更多的过渡细节,从而更细腻更形象的实现动画效果...
分类:
Web程序 时间:
2014-07-24 10:44:14
阅读次数:
269
.ui-button { BORDER-LEFT-WIDTH: 0px; OVERFLOW: visible; CURSOR: pointer; FONT-SIZE: 16px; HEIGHT: 40px; BORDER-RIGHT-WIDTH: 0px; ...
分类:
Web程序 时间:
2014-07-24 10:19:03
阅读次数:
252
12.1 CSS3提供的变形支持 CSS3提供的变形支持可以对HTML组件进行常见的几何变换,包括旋转、缩放、倾斜、位移 4中变换,也可以使用变换矩阵进行变形。 CSS3为变形支持提供了如下两个属性值。 transform:该属性用于设置变形。该属性支持一个或多个变形函...
分类:
其他好文 时间:
2014-07-23 22:24:37
阅读次数:
233
简单 RGB、HSB、十六进制颜色选取器 jQuery 插件.非常直观类似 Photoshop 的界面.光明和黑暗很容易自定义 CSS3 外观.28 KB 总由浏览器加载看起来不错甚至在 IE7及工程非常容易实现.下过如图: 1 2 3 4 5 colpick 6 7 8...
分类:
其他好文 时间:
2014-07-23 15:11:56
阅读次数:
300
-webkit-animation:仍旧是一个复合属性,-webkit-animation: name duration timing-function delay iteration_count direction;包括以下几个属性(1) -webkit-animation-name 这个属性的....
分类:
Web程序 时间:
2014-07-23 14:51:26
阅读次数:
276
Web前端开发所涉及的内容主要包括W3C标准中的结构、行为和表现,那么这三项中我们需要掌握的核心技能是什么呢?1.开发语言HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又是一次革新。有些人认为前端开发要掌握的技能简单,不就是制作网页 嘛,其实不然,web前端需要掌握的核心语...
分类:
Web程序 时间:
2014-07-23 11:44:36
阅读次数:
264
创建动画 为了我们的动画人物怪物,我们将首先创建我们定义的宽度和高度尺寸的规则,并显示主精灵表作为背景图像。
分类:
Web程序 时间:
2014-07-22 23:10:32
阅读次数:
290
注:css3毛玻璃效果应该很多人都知道怎么实现,但是有个问题是图片模糊了之后相当于缩小了,所以颜色深的图片会出现白边,这里说下我参考网上的解决方式吧!1、毛玻璃实现方法:CSS3 blur滤镜实现如下测试代码:.blur { -webkit-filter: blur(10px); /*...
分类:
Web程序 时间:
2014-07-22 22:32:16
阅读次数:
400