博客园给文章标题添加下划线动画
应用于随笔分类、随笔档案等页面,在博客园首页不展示效果。
-
打开博客园后台 -> 设置 -> 页面定制CSS代码
-
插入如下代码
/* 设置文章标题下划线滑动效果 */
.entrylistItemTitle{
position: relative;
text-decoration: none !important;
}
.entrylistItemTitle:before{
content: "";
position: absolute;
left: 50%;
bottom: -3px;
width: 0;
height: 3px;
background: #258fb8;
transition: all .3s ease-in-out;
}
.entrylistItemTitle:hover:before{
width: 100%;
left: 0;
right: 0;
}
本文来自博客园,作者:小陆斑比,转载请注明原文链接:https://www.cnblogs.com/bamlubi/p/15168272.html