1，transition属性
个人非常习惯用transition过度属性，简单易用。大家称他为animation简化版本。
例如：
.contain{
width: 392px;
position: relative;
bottom: -20px;
opacity: 0;}
.contain.on{
bottom: 0;
opacity: 1;
tra...
分类：
Web程序 时间：
2015-01-09 09:18:58
阅读次数：
319
1.opacity:0.5;(半透明效果在ie9及以上版本适用，ie8及以下不兼容)解决办法：在css中加入filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);即可eg: .fb_xl li{ font-size:16px; col...
分类：
Web程序 时间：
2015-01-07 12:28:20
阅读次数：
185
在做弹层的时候，一开始只为了实现功能，后来用ie低版本浏览器测试，发现透明度失效，所以为了解决透明度问题，还需要添加几行代码：.transparent_class{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; op....
分类：
其他好文 时间：
2015-01-06 19:48:03
阅读次数：
106
每个下滑页面的高度与屏幕大小相同var winHeight = document.documentElement.clientHeight;此写法可兼容ios 安卓设备的浏览器高度。animation:#slide_one.z-current .singer p.s1 { opacity: 1...
分类：
移动开发 时间：
2015-01-06 11:22:11
阅读次数：
119
在设置不透明属性时，经常用opacity来增加层次感或者增加用户体验，但这个属性是css3属性，对于低级浏览器的兼容性来说就达不到预期的效果。一般而言，我们都尽可能少用一些浏览私有属性-webkit,-moz,-ms,-o，但这也仅仅解决了市面上很多浏览器的问题，面对IE，特别是IE9-版本的，也是...
分类：
其他好文 时间：
2015-01-05 21:46:10
阅读次数：
248
设置元素的透明度：-moz-opacity:0.8; /*在Firefox中设置元素透明度filter: alpha(opacity=80); /*ie使用滤镜设置透明但是当我们对一个标签设置背景的透明度时，往往我们并不希望该标签上的文字图片也变成半透明了。例如：不透明div{-moz-opacit...
分类：
Web程序 时间：
2015-01-05 20:19:35
阅读次数：
204
说起CSS3的新特性，就不得不提到 Media Queries 。最近 Max Design 更新的一个泛读列表里，赫然就有关于 Media Queries 的文章。同时位列其中的也有前天我刚刚翻译的IE9, Opacity 和 Alpha。虽然标题相同，但本文并不是列表上CSS3 Media Qu...
分类：
Web程序 时间：
2014-12-31 15:50:31
阅读次数：
202
/* 印章效果 */@-webkit-keyframes zoomIn { 0% { opacity:0; -webkit-transform: scale3d(10, 10, 10); transform: scale3d(10, 10,10); } 1...
分类：
Web程序 时间：
2014-12-29 20:02:18
阅读次数：
219
大家都知道使用opacity调节透明度不仅是背景透明了而且选择区域的文字也跟着透明了， 这是我们不想要的效果，于是强大的css3便有了只让背景透明的功能 那就是background:rgba(0,0,0,0.5);里面参数不用做过多的解释了吧！ 前面三个是对背景颜色的控制，全身0表示背景颜...
分类：
Web程序 时间：
2014-12-25 16:15:00
阅读次数：
195
.ball {background-color: rgba(0,0,0,0);border: 5px solid rgba(0,183,229,0.9);opacity: .9;border-top: 5px solid rgba(0,0,0,0);border-left: 5px solid rg...
分类：
Web程序 时间：
2014-12-24 17:47:24
阅读次数：
187
