![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
x619y
这个作者很懒,什么都没留下…
展开
-
CSS3常用功能的写法
作者: 阮一峰日期: 2010年3月15日随着浏览器的升级,CSS3已经可以投入实际应用了。但是,不同的浏览器有不同的CSS3实现,兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站,该网站总结了一些常用功能的写法。以下就是这些写法的详细介绍。所有代码都经过了Firefox 3.6和IE 8.0的验证,原文的错误之处也已得到改正。一转载 2017-06-02 10:10:56 · 260 阅读 · 0 评论 -
ie8实现transform:scale放大效果
.class{filter: progid:DXImageTransform.Microsoft.Matrix( M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand');}原创 2017-06-02 10:32:38 · 5186 阅读 · 0 评论 -
高性能封装检测浏览器支持css3属性函数
文章摘自:http://www.cnblogs.com/barrior/p/5112216.htmlcss3出来已经很久了,现在来谈判断浏览器是否支持某个css3的属性虽说有点过时了,但是还是可以谈谈的,然后,此篇主要谈的不是判断是否支持,而是怎么封装更好,为什么这么封装,欢迎吐槽。入题,判断浏览器是否支持css3 transition,方法很简单,只需要下面这句代码就行了:转载 2017-08-18 10:33:09 · 259 阅读 · 0 评论 -
CSS3之------box-shadow属性使用方法(1),即单边阴影效果设置
《图解CSS3:核心技术与案例实战》第3章CSS3边框,本章主要介绍CSS3新增的边框特性,首先从CSS的border属性着手切入,分别介绍了CSS3新增边框特性,border-color、border-image、border-radius以及box-shadow。详细介绍了每个特性的语法规则,并且结合一些简单的案例,以图解的方式介绍了这些特性的具体使用方法以及在IE下相应的兼容和处理方式。本节转载 2017-09-01 16:35:00 · 5176 阅读 · 0 评论 -
css兼容性渐变背景效果
.gradient{ width:300px; height:150px; filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=re转载 2017-11-23 13:43:41 · 152 阅读 · 0 评论 -
inline-block对齐
使用vertical-align:top原创 2017-12-04 16:30:35 · 253 阅读 · 0 评论 -
JS设置CSS样式的几种方式(js设置!important)
用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px';element.style.height = '100px';2. 直接设置属性(只能用于某些属...转载 2018-06-07 09:48:09 · 80208 阅读 · 1 评论 -
CSS秘密花园: 沿着路径的动画
《CSS Secrets》是@Lea Verou最新著作,这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书,经过一段时间的阅读,我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感,与大家一起分享。问题几年前,当CSS动画刚出来的时候是多么的令人兴奋,那时Chris Coyier问我,有没有什么方式使用CSS让元素绕一个圆形的路径运动。当时,它只是一个有趣的想法,但...转载 2018-06-23 10:24:16 · 2136 阅读 · 0 评论