从一个大神那看到的，拷贝过来跟大家分享下！html*{margin:0;padding:0;}body{background:#222;} canvas{ position:absolute; border:5px solid rgba(255,255,255,0.1); box-shadow...
分类：
Web程序 时间：
2014-09-09 15:08:38
阅读次数：
256
最近经常玩腾讯微博,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px\0)欠考虑!看了腾讯的,下午就学了一下css3的东东!打算以后的项目...
分类：
Web程序 时间：
2014-09-07 16:00:25
阅读次数：
227
制作这个案例前，需要准备这些。
1.掌握scss的使用，当然不用也可以，使用scss会比较高效。
2.掌握利用css3的box-shadow、border、border-radius的实现绘图。
3.掌握css3的动画方法。
4.一些耐心、一些创意（创意可以让你更好）
5.学会解析案例，先看静态图。...
分类：
Web程序 时间：
2014-09-05 08:46:41
阅读次数：
244
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}...
分类：
Web程序 时间：
2014-09-01 19:29:53
阅读次数：
496
/* Timer*/.timer{ width: 240px; height: 240px; background-color: transparent; box-shadow: inset 0px 0px 0px 2px #fff; border: 2px #f00 solid; border-r...
分类：
Web程序 时间：
2014-08-30 19:03:29
阅读次数：
4133
/* 进度条 */div.progress {width: 600px;margin: 10px auto;height: 20px;line-height: 20px;font-size: 14px;background: #F7F7F7;border-radius: 4px;box-shadow...
分类：
其他好文 时间：
2014-08-27 01:35:37
阅读次数：
448
迷茫了好一段时间，今天开始整理一下自己，同时也整理下新的知识。CSS3：从头开始做起：现在在页面中用到最多的是图片/容器投影，文字投影；接下来就总结一个投影问题：box-shadow:阴影类型 x轴位移 y轴位移 阴影大小 阴影扩展 阴影颜色一般这样写 box-shadow:1px 1px 5px ...
分类：
Web程序 时间：
2014-08-25 19:06:15
阅读次数：
262
此文长期更新,具体根据我博客的样式判定.架构: BlackLowKey页面CSS:div.prob{ box-shadow:0 0 4px #ccf; padding: 2px; text-align:left; border-radius:6px;}div.prob h2{ font-s...
分类：
其他好文 时间：
2014-08-24 20:45:12
阅读次数：
231
css代码：input{width:200px;height:40px;}input.focus{border-color:#08c;box-shadow:004px#8bd6fb;transition:all.2sease-out0s;}
分类：
Web程序 时间：
2014-07-26 00:28:26
阅读次数：
249
.div1{ width:100px; height:50px; background-color:Gray; opacity: 0.5; border:1px solid red; box-shadow:0 0 50px inset; border-radius:10px; margin:100px auto}
function gaibian() {
...
分类：
编程语言 时间：
2014-07-19 08:27:20
阅读次数：
214
