Jquery 为高亮显示的链接设置动画(动画未对齐é;)

Jquery 为高亮显示的链接设置动画(动画未对齐é;),jquery,css,hyperlink,transform,highlight,Jquery,Css,Hyperlink,Transform,Highlight,有一段时间,我试图重现链接创建时突出显示的标题效果。 但我无法重现这种效果。 我想知道是否有可能只在css3中使用这种效果?还是只有在jquery中才有可能 我测试了一些jquery,但没有达到预期效果 我只是请求一点帮助。非常感谢。 我不能把我的链接小提琴-( css .lian a{color:585858;文本装饰:无;过渡:全部0.2s ease 0s;} .lien a:hover{background:585858;color:#b4;padding:0 10px;}下面是我总

有一段时间,我试图重现链接创建时突出显示的标题效果。

但我无法重现这种效果。 我想知道是否有可能只在css3中使用这种效果?还是只有在jquery中才有可能

我测试了一些jquery,但没有达到预期效果

我只是请求一点帮助。非常感谢。 我不能把我的链接小提琴-(

css

.lian a{color:585858;文本装饰:无;过渡:全部0.2s ease 0s;}

.lien a:hover{background:585858;color:#b4;padding:0 10px;}

下面是我总结的一个基本示例:

HTML:


背景图像
数据uri用于1px浅红色图像。我必须使用图像生成它,因为转换需要
背景大小
。我没有供应商前缀
转换
,因此您必须相应地添加
-webkit-
-moz-
,等等。

这里是一个基本示例综合起来:

HTML:


背景图像
数据uri用于1px浅红色图像。我必须使用图像生成它,因为转换需要
背景大小
。我没有为
转换
添加供应商前缀,因此您必须添加
-webkit-
-moz-
,等等。因此,指向小提琴的链接是missing。如果你不能包含小提琴的链接,请显示你的HTML和CST。小提琴的链接丢失。如果你不能包含小提琴的链接,请显示你的HTML和CST。非常感谢!经过多次尝试,我尝试了其他方法。谢谢你的帮助。这正是所需的效果!很高兴提供帮助。请标记我的答案作为“正确答案”对于未来的用户。您好,经过几次测试后,我意识到它在IE 10中不起作用……而对于文本来说,应该是一个掩码或颜色反转?我应该继续jquery?并插入颜色吗?或者还有其他解决方案吗?谢谢
color
是字体颜色。如果在
a:hover
下指定
color
,它将淡入第二列或者在0.5s中。这不需要jQuery。不确定“pluggin color”是什么意思嗨,是的,我知道怎么笑,但是效果不好,只是文本上的不透明度。但是如果你看这个例子,它更多的是颜色反转或遮罩,我谈论jquery,因为效果在iethank中不起作用。谢谢你的帮助。这正是我想要的效果!哈谢谢帮助。请将我的答案标记为“正确答案”对于未来的用户。您好,经过几次测试后,我意识到它在IE 10中不起作用……而对于文本来说,应该是一个掩码或颜色反转?我应该继续jquery?并插入颜色吗?或者还有其他解决方案吗?谢谢
color
是字体颜色。如果在
a:hover
下指定
color
,它将淡入第二列或者在0.5s中。jQuery对此不需要。不确定你所说的“pluggin color”是什么意思。嗨,是的,我知道如何lol,但效果不好,它只是文本上的不透明度。但是如果你看这个例子,它更多的是颜色反转或遮罩,我谈论jQuery,因为这种效果在ie中不起作用
<a href=http://www.example.com>Link to an example page</a>
a{
    font-size: 20px;
    color: #000;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAxJREFUGFdj+M/AAAADAQEAYyRV0wAAAABJRU5ErkJggg==);
    background-size: 1% 100%;
    background-repeat: no-repeat;
    transition: 0.5s all
}
a:hover{
    background-size: 100% 100%;
    transition: 0.5s all
}