直接在图片元素上直接应用CSS3 inset box-shadow 或 border-radius时，浏览器并不能完美的渲染它们。不过，如果把这个图片用作背景图，你就可以可以给它添加任何样式了，浏览器也会很好地渲染。Darcy Clarke和我做了一个简单的教程，讲解如何使用jQuery来动态地制作...
分类：
Web程序 时间：
2015-01-09 17:09:13
阅读次数：
233
好久没有更新的CSS3演武场系列，半年前搁浅的一篇文章赋予新年新气象闪亮登场了，研究一下利用css（sass）实现粒子效果，主要使用box-shadow生成粒子，利用css3 animation和translateZ实现动画。...
分类：
Web程序 时间：
2015-01-09 14:19:18
阅读次数：
1032
New Document
p a{
font-size:20px;
display:block;
font-weight:bold;
background:#00aaFF;
color:#FFF;
width:200px;
padding:10px;
text-shadow:0px 1px #ccc;
border-radius:5px;
box-shadow: 5px 5px 5px hs...
分类：
Web程序 时间：
2015-01-07 22:12:26
阅读次数：
165
一、CSS3新属性 1、CSS3边框 边框添加了三种特性，圆角边框border-radius，盒阴影box-shadow，图片边框border-image。 圆角边框border-radius语法：border-radius:1-4 length|%/1-4 length|%;默认值：0;...
分类：
Web程序 时间：
2015-01-06 00:47:38
阅读次数：
189
一张张照片散乱的撒在一起，鼠标悬浮时旋转放大并摆正，效果如下图（所有图片均来自网络），主要使用到的css3属性有：transition、transform（scale、rotateZ）、box-shadow以及z-index。 ...
分类：
Web程序 时间：
2014-12-26 21:40:11
阅读次数：
196
css3的使用已经分布在各种网站上，其用途对于前端开发人员来说有很大的帮助，比如之前的圆角矩形，需要使用背景图片来完成，现在只需使用border-radius:5px;便可以做出圆角边框的效果，今天来记录下css3一些常用的属性。盒子属性：边框圆角：radius,边框阴影：box-shadow边框：...
分类：
Web程序 时间：
2014-12-23 15:31:55
阅读次数：
164
（1）只设置阴影模糊半径和阴影颜色只设置阴影模糊半径和阴影颜色。例如：.box-shadow{ width: 200px; height: 100px; border-radius: 10px; border: 1px solid #ccc; mar...
分类：
其他好文 时间：
2014-12-22 17:38:28
阅读次数：
111
IE6/7并不支持CSS3的属性，IE8也不能很好的支持CSS3。如何让IE 6/7/8支持border-radius (rounded)，box-shadow ( shadow)，text-shadow等这些属性呢？这里介绍一个通过htc脚本实现这些属性的方法。首先下载ie-css3.htc脚本，...
分类：
Web程序 时间：
2014-12-22 14:22:07
阅读次数：
298
chrome表单的input会记住用户的输入，在此输入的话会显示较为恶心的黄色背景，下面的css hack可以解决chrome这个尿性。input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;-webkit-text...
分类：
其他好文 时间：
2014-12-09 17:20:30
阅读次数：
111
今天比较忙，没能好好看新东西，就记录一个常用的CSS3属性吧：box-shadow，表示阴影，如果设置了border-radius圆角，则阴影也是圆角box-shadow目前是IE9及以上和其他现代浏览器都支持的属性了。语法：Formal syntax: none | [inset? && [ .....
分类：
Web程序 时间：
2014-12-05 22:34:19
阅读次数：
189
