超链接在鼠标经过时颜色渐渐变色的CSS代码

前端开发   发布日期:2023年05月11日   浏览次数:600

如何实现超链接在鼠标经过时颜色渐渐变色的呢?下面的代码就可以实现,我自己的博客也加入这行代码,现在的博客会让页面效果更加灵动、细腻,不至于太过于死板!

  1. a {
  2. color: #333;
  3. -moz-transition:color 150ms linear;-webkit-transition:color 150ms linear;-o-transition:color 150ms linear;transition:color 150ms linear;
  4. }
  5.  
  6. a:active,a:hover {
  7. color: #666;
  8. }

其中重点代码是:

  1. -moz-transition:color 150ms linear;-webkit-transition:color 150ms linear;-o-transition:color 150ms linear;transition:color 150ms linear;

试试效果吧!

以上就是超链接在鼠标经过时颜色渐渐变色的CSS代码的详细内容,更多关于超链接在鼠标经过时颜色渐渐变色的CSS代码的资料请关注九品源码其它相关文章!