摘要：
一个简化版。完全木有使用渐变和阴影，也没使用keyframes。只用到了圆角border-radius和变换transform。哈哈。。好玩儿。浏览器效果如下。将以下代码另存为htm即可：[代码] 阅读全文
posted @ 2010-05-18 22:53 mumuliang 阅读(371) 评论(0) 推荐(0) 编辑
摘要：
E:not(s) 匹配不符合当前选择器的任何元素太久了，不想说了。E.N.D. 阅读全文
posted @ 2010-05-18 16:58 mumuliang 阅读(188) 评论(0) 推荐(0) 编辑
摘要：
内容主要来自：http://dev.w3.org/csswg/css3-animationscss3.0草案中使用keyframe来完成一些简单的动画。例如Safari中如下效果：代码如下：[代码] firefox不支持keyframes。 阅读全文
posted @ 2010-05-18 16:56 mumuliang 阅读(399) 评论(0) 推荐(0) 编辑
摘要：
内容主要来自：http://dev.w3.org/csswg/css3-images/#gradients- 准备： Safari中的 color-stop 语法：color-stop（stop, color） 参数：stop，值为百分比或0-1之间的一个十进制数。表示color的位置位于整个渐变路径的相对位置。color，表示在stop处出现的颜色。圆角、渐变、阴影三大大杀器之一渐变的解决方案... 阅读全文
posted @ 2010-05-18 16:26 mumuliang 阅读(389) 评论(0) 推荐(0) 编辑
摘要：
圆角是网页制作大杀器之一。border radius就是大杀器的克星。基本新建一htm，并复制以下代码。<style type="text/css">.showbox {width:150px;height:150px;margin:100px;border:1px green solid;-webkit-border-radius:30px; /*for Safari*/-moz-... 阅读全文
posted @ 2010-05-18 12:17 mumuliang 阅读(282) 评论(0) 推荐(0) 编辑