摘要: 前言:我们做前端时,会遇到一些需求,要求把默认浏览器的滚动条样式给改写了,诶。好好的改它干啥了,也带不来用户体验,就是好看点嘛!实现原理其实是用了伪元素,webkit的伪元素实现很强,可以把滚动条当成一个页面元素来定义,再结合一些CSS3属性,比如圆角、渐变、rgba等等。最常见的伪元素,我们最熟悉 阅读全文
posted @ 2017-01-15 22:44 vobear 阅读(560) 评论(0) 推荐(0) 编辑
摘要: 前言:今天想写个页面常用到的【点击回到页面顶部或是首页的功能】,生活和职场一样,总会有低谷的时候,这个时候咱也别怂、别怂、别怂,说三遍!那都不是事,工作没了,再找呗,就像我上周五,团队解散那天,我是笑着走的,还给小白挥了挥手,微笑一个。那句话叫什么来着,佛祖虽给你关了一扇门,说不定会再给你开一扇窗。 阅读全文
posted @ 2016-11-22 22:24 vobear 阅读(1186) 评论(0) 推荐(2) 编辑
摘要: 前言:之前我有写过CSS3的transform这一这特性,对于它的用法,还不是很透彻,今天补充补充,呵呵 你懂的,小司机准备开车了。 a)再提一提transform的四个属性 ①旋转 >rotate(参数a),单位deg,表示旋转角度,正数顺时针,负数逆时针。 ②缩放 >scale(参数a),单位1 阅读全文
posted @ 2016-11-18 11:54 vobear 阅读(28916) 评论(1) 推荐(0) 编辑
摘要: 前言:最近准备做一个自己的网页,设计稿中导航我准备设计成矩形,也有hover样式展示的矩形,当中一些头像等等。以前除了画圆,好像真没认真画过其他图形,今天就画画我们常见到的几个图形。 在此之前我们有必要了解下什么是伪元素(和它不同的,还有一个概念叫伪类,两者容易混淆),没有它画不成图形的。 a)伪元 阅读全文
posted @ 2016-11-17 00:10 vobear 阅读(2395) 评论(1) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2016-11-15 15:20 vobear 阅读(6761) 评论(0) 推荐(1) 编辑