CSS
lewanYang
这个作者很懒,什么都没留下…
展开
-
CSS简单的鼠标滑入图片效果
一个简单的图片鼠标滑动后效果,只需要通过CSS进行制作原图片: 当鼠标滑过的时候的效果: (1)HTML代码如下:<div class="picture-box"> <img src="img/01.jpg" alt=""> <div class="caption"> <div class="blur"></div> <div class="caption-t原创 2017-05-04 11:26:16 · 5047 阅读 · 2 评论 -
li横排取消间隔
li在横排的时候,比如用inline-block,每个li之间都会有一个间隔,如何取消这个间隔,有一个方法: ul设置font-size:0,再在li那设置font-size,这样就可以取消了原创 2017-05-08 10:28:43 · 622 阅读 · 0 评论 -
清除浮动
在写CSS的时候,经常回碰到浮动导致高度塌陷的问题,这时候就要清除浮动,可以写一个专门清除浮动的类.clearfix,例如在CSS代码中:/****** 清除浮动 触发BFC可以清除浮动*****/.clearfix:before,.clearfix:after{ content:" "; display: table;}.clearfix:after{ clear原创 2017-04-23 16:35:40 · 461 阅读 · 0 评论 -
通过创建方法,减少不同浏览器通过JS设置样式时的重复书写
let elementStyle = document.createElement('div').style// 判断属于哪个浏览器let vendor = (() => { let transformNames = { webkit: 'webkitTransform', Moz: 'MozTransform', O: 'OTransform', ms: 'm原创 2017-08-20 21:23:07 · 338 阅读 · 0 评论