.box{overflow:auto;zoom:1;}.box-in{display:inline-block;vertical-align:top;}.border-box{-webkit-box-sizing:
border-box;-moz-box-sizing: border-box;box...
分类：
Web程序 时间：
2014-05-12 06:14:48
阅读次数：
460
之前曾经研究过几个纯css实现的文字效果，《CSS文字条纹阴影动画》和《响应式奶油立体字效果》等，今天我们来研究几款文字效果，主要利用text-shadow、webkit内核的几个独有特性实现效果。...
分类：
Web程序 时间：
2014-05-10 09:37:06
阅读次数：
591
1.兼容360浏览器 字体大小设置 开发中需要使用em单位1 font-size: 0.83em; 2
font-family: "Arial";3 -webkit-text-size-adjust: none;
分类：
Web程序 时间：
2014-05-10 02:34:08
阅读次数：
289
效果如下实现原理：利用CSS3的@keyframes规则创建动画效果；使用CSS3的animation效果完成滚动切换。代码说明：样式表中@-webkit-keyframes及@keyframes定义了旋转360度的操作；样式表中.border
div定义了div的基本样式，红色的10px圆形；10...
分类：
Web程序 时间：
2014-05-09 12:14:49
阅读次数：
325
-webkit-box-shadow: #666 0px 5px
10px;-moz-box-shadow: #666 0px 5px 10px;box-shadow: #666 0px 5px 10px;/* For IE
8 */-ms-filter: "progid:DXImageTransf...
分类：
Web程序 时间：
2014-05-08 23:14:26
阅读次数：
328
.blur{-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:url(#blur-effect-1);filter:progid:DXImageTransfor...
分类：
Web程序 时间：
2014-05-08 23:10:46
阅读次数：
637
IE10下的Input Text和谷歌下面的 input search
一旦输入内容，会在最右端出现一个叉号，点击后，内容就会自动清空，看似方便，其实有些场景并不需要，需要写代码清除掉。代码如下：input::-webkit-search-cancel-button{display:
none;} ...
分类：
其他好文 时间：
2014-05-08 20:15:33
阅读次数：
644
目前世界上主要有来自四个不同机构的四种的Web浏览器内核。每一家机构都推出了至少一种使用自己的内核的浏览器产品。
这四家机构分别是Microsoft、Mozilla、Apple和Opera SAS，提供的内核则分别叫做Trident、Gecko、WebKit和Presto，推出的主打浏览器则分别叫做Internet Explorer、Firefox、Safari和Opera。
人们常常也用主打...
分类：
其他好文 时间：
2014-05-08 17:16:41
阅读次数：
336
1. 强制不换行，并且多行文字溢出显示省略号.ellips{white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}.ellips_line2,.ellips_line3{display:-webkit-box;
-webkit-bo...
分类：
Web程序 时间：
2014-05-07 01:16:15
阅读次数：
421
