Css 如何使悬停效果的跳转链接博客功能?
您好: 首先,我在blogger上的跳转链接功能上添加了css悬停效果,但它不起作用 这是我的css:Css 如何使悬停效果的跳转链接博客功能?,css,blogger,Css,Blogger,您好: 首先,我在blogger上的跳转链接功能上添加了css悬停效果,但它不起作用 这是我的css: .jump-link a { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .jump-link a::before { position: absolute; top: 100%; left: 50%; co
.jump-link a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.jump-link a::before {
position: absolute;
top: 100%;
left: 50%;
color: transparent;
content: '\2022';
text-shadow: 0 0 transparent;
font-size: 1.2em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}
.jump-link a:hover::before,
.jump-link a:focus::before {
color: #fff;
text-shadow: 10px 0 #fff, -10px 0 #fff;
}
.jump-link a:hover,
.jump-link a:focus {
color: #ba7700;
}
我将感谢你的帮助
.jump-link a:hover{color:red;text-decoration:underline;}
也不要使用两个::in.jump链接a:hover::before
例如,当用户悬停任何链接时,下面的代码将添加一个+
a:hover:before {
content: "+";
}