用css实现鼠标悬浮在a元素上1秒后文字颜色变红

问题如题,谢谢... 问题如题,谢谢 展开
 我来答
温柔的码农呀
推荐于2016-05-17 · TA获得超过298个赞
知道小有建树答主
回答量:610
采纳率:50%
帮助的人:180万
展开全部

我想到的是 transition:color 0 ease-in  1s;

最后一个时间是延迟,使用时注意加上备浏览器前缀。

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:100px;
height:100px;
color: blue;
transition:all 0 ease-in  1s;

}

div:hover
{
color: red;
}
</style>
</head>
<body>

<div>test</div>

<p>请把鼠标指针移动到蓝色的 div 元素上,就可以看到过渡效果。</p>

<p><b>注释:</b>本例在 Internet Explorer 中无效。</p>

</body>
</html>
追问
我用火狐测试的没用啊,什么情况?
追答

CSS 前缀,我不加你也就不加么?这四个写到一起,

-ms-transition:all 0 ease-in  1s;
-o-transition:all 0 ease-in  1s;
-moz-transition:all 0 ease-in  1s;
-webkit-transition:all 0 ease-in  1s;
transition:all 0 ease-in  1s;
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式