标题下添加动态下划线

在美化小工具这里美化了一下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，转载请注明出处。