在美化小工具这里美化了一下h3标题下的下划线
.widget h3{font-size:18px;color:#282828;font-weight:600;margin:0;text-transform:uppercase;padding-bottom:15px;margin-bottom:25px;position:relative;}
.widget h3:after{content:"";background-color:#282828;left:1px;width:50px;height:2px;bottom:-2px;position:absolute;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.widget:hover h3::after{width:70px;}
样式
测试效果
原文链接:https://www.baijiascw.com/25523.html,转载请注明出处。
评论0