昨天拿到设计稿后，发现设计师设计的边框阴影比较特别，我平常没有接触过。所以一开始我是直接切图和把边框当做背景来使用。等把页面全部做来后，我在网上搜了box-shadow相关方面的文章，发现还是有很多牛人总结了。下面就是我学习后的结果。 ...
分类：
其他好文 时间：
2015-07-27 20:33:23
阅读次数：
113
关于IE兼容的分享：只要在你的页面上加入这一行代码，整个页面全部兼容css3，不要忘了将文件下载回来放进/js/文件夹兼容圆角border-radius，盒阴影box-shadow、渐变色linear-gradient()，相对长度单位(rem vh vw vmax vmin)等https://gi...
分类：
其他好文 时间：
2015-07-27 07:01:56
阅读次数：
135
接上篇：http://blog.csdn.net/u010037043/article/details/47035077
一、box-shadow
box-shadow是给元素块添加周边阴影效果。
box-shadow: inset X-offset Y-offset blur spread color ;
box-shadow:[投影方式] X轴偏移量 Y轴偏移量...
分类：
其他好文 时间：
2015-07-24 09:22:28
阅读次数：
367
不多说了。不同的浏览器ie,Chrome,firefox,safari,与各种浏览器的兼容性，当时的风格来写，适用于各种不同的浏览器写比方说-webkit-box-shadow,对于webkit内核的Chrome ,safari是支持的box-shadow属性的而-moz-box-shadow是对于...
分类：
其他好文 时间：
2015-07-22 20:37:28
阅读次数：
101
box-shadow得到:(0,10)为上(-10,0)为右(0,-10)为下(10,0)为左。
分类：
其他好文 时间：
2015-07-21 22:02:11
阅读次数：
177
无标题文档
body{
background-color:#CCC;}
#phone{
width:250px;
height:500px;
background-color:#2e2e2e;
margin:60px auto;
border:#3b3b3b solid 10px;
border-radius:50px;
box-shadow:3px 5px 5px 1...
分类：
移动开发 时间：
2015-07-20 21:38:21
阅读次数：
135
原文地址：http://blog.sina.com.cn/s/blog_a6fb6cc90101eoc7.html阴影边框很常见，诸如360以及其他很多软件都有类似效果，了解CSS3的同学们应该都知道box-shadow，它就是来设定阴影效果的，那么Qt呢？看过一些资料，说是QSS是基于CSS2的，...
分类：
其他好文 时间：
2015-07-20 01:15:37
阅读次数：
198
圆角效果： border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 阴影： box-shadow:X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式(inset)]; 1、阴影模糊半径与阴....
分类：
Web程序 时间：
2015-07-18 15:22:51
阅读次数：
186
添加样式即可 ::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
box-shadow: 0 0 1px ...
分类：
系统相关 时间：
2015-07-17 16:29:12
阅读次数：
281
W3cplus第三版本皮肤更新好长一段时间了，早就想把站点上的一些CSS3效果分割成单独的案例出来，与大家分享，但受限于时间，今天抽空把页面底部面板效果整理出来了。首先这个效果是有原因的，因为这个效果是当初自己左拼右拼出来的一个效果，后来自我感觉还能接受。上线后也有很多同学问我是图片制作的吗？其实不是的，他是一个CSS3制作的效果。在这个效果中，不要使用了渐变，“:before”，“box-shadow”，“transition”几个属性。...
分类：
Web程序 时间：
2015-07-05 15:08:44
阅读次数：
150
