如何获得更加流畅的链接高亮

Forum » 第一个群组 / 代码讨论&交流 » 如何获得更加流畅的链接高亮

发起由:

Liurd
日期: 15 Oct 2022 13:59
文章数: 2

RSS: 新回复

全部展开全部折叠更多选项

折叠

如何获得更加流畅的链接高亮

Liurd 15 Oct 2022 13:59

众所周知，链接的css元素名是a
那么我们通过以下语法就可以让你的网站的链接更加流畅地高亮了！¹

/*通过transition来为元素在改变状态时提供缓动效果，你也可以套用这个方法修改其它想要类似效果的元素！*/
a {
   transition: all 0.3s ease-out;/*只有时间是可以随便改的！*/
   -webkit-transition: all 0.3s ease-out; /* Safari */
}
/*这里是修改某个具体元素内的链接元素使用的代码，前面的就是元素名*/
#main-content a {
   background-color:#ffffff;
   color: #555555;
}
 
#main-content a:hover {
   color: #ffffff;
   background-color:#555555;
}