CSS
文章平均质量分 66
kehukehu_kehu
启于前端,但不止于前端。
展开
-
纯CSS实现从中间延展的下划线
这是我从前端客上看到的一个特效,也就是使用scaleX()实现从中间延展的下划线,缩放是从元素的中间开始的。这是我从没有想到的,X轴缩放!在这个例子中还使用到了hover对兄弟元素的操控哦。下面让我们一起来看看这是如何实现的吧。 Document div{ margin: 0 auto; } .a{ width: 100px; height:转载 2017-05-16 17:42:42 · 292 阅读 · 0 评论 -
hover对同级兄弟元素以及子集元素的操作
兄弟级别的hover控制不使用JavaScript脚本,仅通过CSS来实现时有两种方法:若元素#b是元素#a的子元素,则可以通过#a #b{……}来控制#b的CSS样式。若#a与#b是亲兄弟关系,有相同的父节点,且#b紧跟在#a后面,则可通过#a + #b{……}来控制#b的CSS样式下面给出方法二的例子:例一 Document #a {原创 2017-05-16 17:21:14 · 5613 阅读 · 1 评论