Tag: css3
图片(旋转/缩放/翻转)变换效果(ccs3/滤镜/canvas)
以前要实现图片的旋转或翻转，只能用ie的滤镜来实现，虽然canvas也实现，但ie不支持而且不是html标准。
css3出来后，终于可以用标准的transform来实现变换，而canvas也已成为html5标准的一部分。
css3和html5使web变得越来越强大，各种新奇的技术正等待我们发掘。
本程序分别通过滤镜(ie)、ccs3和canvas来实现图片的旋转、缩放和翻转变换效果，可以用作... [阅读全文]
CSS3中动画效果的应用
不少人都已经在用CSS3中的动画了，但很多仅仅用在 某个元素的 hover上
其实，配合脚本的话，可以做到更多的动画效果，并且可以在很大程度上抛弃各种动画库。
先前一博客《用HTML5代替PPT》中，
我的各种动画效果就完全使用了CSS3的动画效果而不再使用jQuery的动画了。
点击查看展示
设置CSS
*{
-webkit-transition-duration:.15s;
-moz-transition... [阅读全文]
让IE实现CSS3中的border-radius（圆角）
今天网上看到了一个让IE实现CSS3中的border-radius（圆角）:
.box-radius {
border-radius: 15px;
behavior: url(border-radius.htc);
}
演示地址：http://uini.net/resource/demo/border-radius.htm
下载htc文件（源码来自）：http://uini.net/resource/demo/border-radius.htm
注意：htc文件是要放在服务器上，放在本地测试是不行的！
[阅读全文]
IE下模拟css3中的box-shadow（阴影）
css3中的box-shadow（阴影）可以查看：http://www.css88.com/archives/2136或者http://www.css88.com/tool/css3Preview/Box-Shadow.html
在ie下模拟css3中的box-shadow（阴影）可以使用ie的Shadow（阴影）滤镜
基本语法：filter: progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度（数值）, Strength=阴影半径（数值）);
... [阅读全文]
让 IE6, 7和 8支持CSS3
nick | css | 2010-04-26
