摘要: 有时候你会发现你写的animation动画的css3效果,在IE、谷歌、火狐等主流的新版本的浏览器的是没有什么兼容问题的,即便你不写前缀,也是可以显示动画效果的。然后,你本地在360浏览器或猎豹浏览器下(我只试了这两个)打开,动画效果是不出来的,一开始你会想到是前缀问题,那么我把前缀加上,好像有时可 阅读全文
posted @ 2015-12-01 10:46 异地大光码 阅读(1194) 评论(0) 推荐(0) 编辑
摘要: 大概整理下css中的垂直居中问题 主要分两大类 1 知道块元素尺寸,一般就是指知道元素高度。 方法一:最简单的,类比水平居中。 思路:子元素设置为absolute; top bottom都设置为0 ; margin:auto;这样就行啦; <div class="lev1">我是第一层 <div c 阅读全文
posted @ 2015-12-01 10:31 异地大光码 阅读(148) 评论(0) 推荐(0) 编辑
摘要: -webkit-filter是css3的一个属性,Webkit率先支持了这几个功能,感觉效果很不错。一起学习一下filter这个属性吧。 现在规范中支持的效果有: grayscale 灰度 值为0-1之间的小数 sepia 褐色 值为0-1之间的小数 saturate 饱和度 值为num hue-r 阅读全文
posted @ 2015-12-01 10:15 异地大光码 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 1、在手机端如果1px线条仍然显示过粗,可以使用css新属性border-image边框图像来解决 例:border-image: url(../img/line-img1.png) 2 0 round; 关于border-image熟悉的介绍:http://www.w3cplus.com/cont 阅读全文
posted @ 2015-12-01 10:11 异地大光码 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 项目中经常有遇到需求半透明的情况,如图片、文字、容器、背景等等,每次都要去翻以前的项目,不甚其烦。现在一次性做个小结,方便自己查阅,也同时分享给大家: 一、 元素容器透明 .div{ opacity: 0.5; /* Firefox、Chorme、Opera等主流浏览器识别 */ filter:al 阅读全文
posted @ 2015-12-01 09:49 异地大光码 阅读(183) 评论(0) 推荐(0) 编辑