Html
    Css
    Js
body {
	background:#7abde0;
	margin:auto;
	padding:25px;
}
h2 {
	font-style:italic;
	font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:800;
	text-transform:uppercase;
}
.title a {
	color:#222;
	font-size:1.75em;
	line-height:1.15em;
}
.title a {
	background-size:200.22% auto;
	-webkit-background-size:200.22% auto;
	-moz-background-size:200.22% auto;
	background-position:0% 0;
	background-image:linear-gradient(to right,rgba(255,255,255,0) 50%,#ddd 50%);
	text-decoration:none;
	transition:background-position 0.5s ease-out;
	-webkit-transition:background-position 0.5s ease-out;
}
.title a:hover {
	background-position:-99.99% 0;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

CSS3悬停高亮背景填充

更新时间:2023-04-25 09:21:42

0