在web开发中,难免会遇到浏览器之间的兼容问题，关于Css设置颜色渐变下面有解决的办法，直接上代码： 适用于谷歌浏览器： background: -webkit-gradient(linear, 0 0, 0 100%, from(#4285fa), to(#366dcb)); from:...
分类：
Web程序 时间：
2014-08-22 10:35:55
阅读次数：
254
为了更好得掌握transform的精髓，所以决定完成三维立方体的模型，可以实现360无死角的三维旋转效果。
但是旋转时判断每个面的视图顺序比较困难，仍未完美解决，希望有人能解答！
源码直接贡献啦：
.cuboid_side_div{
position:absolute;
border:1px solid #333;
-webkit-transition:ease all ...
分类：
Web程序 时间：
2014-08-22 09:23:45
阅读次数：
315
-webkit-tap-highlight-color: transparent; Mobile上点击链接高亮的时候设置颜色为透明-webkit-user-select: none; 设置为无法选择文本-webkit-touch-callout: none; 长按时不触发系统的菜单, 可用在图片上加...
分类：
Web程序 时间：
2014-08-21 20:57:54
阅读次数：
237
今天在看demo的时候css样式里面发现的-webkit-text-size-adjust: none; 度娘以后，了解这段样式的作用是：解决Chrome浏览器里面，设置小于12px的字体大小问题。例子如下： p1 { font-size: 11px; }; p2 { font-s...
分类：
Web程序 时间：
2014-08-21 19:03:04
阅读次数：
239
animation-play-state：css:.play-state{ -webkit-animation:f1 2s 0.5s infinite linear forwards alternate; -moz-animation:f1 2s 0.5s infinite line...
分类：
其他好文 时间：
2014-08-21 12:51:24
阅读次数：
169
CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。看看都有哪些前缀：-webkit（chrome）-moz（firefox）-ms（ie）-o（opera）举例来说，一个CSS3旋转的代码是：-webkit-transform:rotate(-3...
分类：
Web程序 时间：
2014-08-21 12:48:54
阅读次数：
220
我们可能对 Instagram 这款 iPhone APP 上的滤镜作用很感兴趣，本来 CSS3 开端也有滤镜（不是 IE 的那种滤镜），这些滤镜作用最初是用于 SVG 的，W3C 将其引入到 CSS3 中，然后拟定了 CSS Filter Effects 1.0 的规范，Webkit 率先支撑了它...
分类：
Web程序 时间：
2014-08-21 11:26:43
阅读次数：
458
我现在做一个支持英文的网站，但是字体要设置小于12号字体，我百度方法是-webkit-text-size-adjust:none;但是谷歌为什么不支持啊，有没有解决办法 让谷歌浏览器 支持小于12字体的办法如下HomeAboutLi{height:25px;}a{height:25px; line-...
分类：
其他好文 时间：
2014-08-21 09:42:33
阅读次数：
206
css3新增的属性transition可以让元素产生动画效果:用法(兼容代码): -webkit-transition:property(属性样式) duration(过渡时间) timing-function过渡模式(5种过渡模式效果) -moz-transition:property(属性样.....
分类：
Web程序 时间：
2014-08-19 18:35:35
阅读次数：
175
一.webkit下载地址：https://svn.webkit.org/repository/webkit/ 它的总大小为2.75G二.xcode下载地址：http://adcdownload.apple.com/Developer_Tools/xcode_5.1/xcode_5.1.dmg和ht....
分类：
Web程序 时间：
2014-08-19 14:21:14
阅读次数：
228
