注册
其实我可以理解乐天,毕竟韩国是它的国家,所以也请理解我们抵制乐天,因为中国也是我们的国家

CSS3实现鼠标悬停(放在文字上)时文字渐变切换

嗨豆壳技术文章 时间:2014-08-31 13:39:56 [ray]

效果其实很简单的,纯CSS3实现文字链接从黑色到蓝色的渐变效果...

<html><head>
<title>纯CSS3实现文字链接从黑色到蓝色的渐变效果</title>
<style type="text/css">
a {
-moz-transition: all 1s ease;/* moz核心浏览器 如火狐浏览器 */
 -webkit-transition: all 1s ease;/* webkit核心浏览器 如谷歌 */
transition: all 1s ease; color:#000;
}
a:hover { color: blue;}
</style>
</head><body>
<a href="//www.hi-docs.com">欢迎访问嗨豆壳,鼠标放上来...</a>
</body>
</html>

运行效果:

欢迎访问嗨豆壳,鼠标放上来...

本文只是介绍了很简单的一种渐变效果,大家可以按需要自行设计更炫酷的效果。

标签

本文地址:https://www.hi-docs.com/article/69.html

上一篇:JQuery中click(),change()事件如何传递参数?

下一篇:百度免费IP地址查询API,查询接口