PROMULGATOR

    Eternal.Y

    世界美国加州三藩CloudFlare公司AS13335任播网络CDN全球节点(CLOUDF
    Html
    Css
    Js

    
                        
  body {
	background:#ededed;
	padding:0 20px;
	margin:0;
	font-family:'Open Sans',Arial,sans-serif;
}
h1 {
	text-align:center;
	margin:80px 0;
}
.mynav ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	list-style-type:none;
	padding:0;
}
.mynav li:not(:last-child) {
	margin-right:20px;
}
.mynav a {
	display:block;
	font-size:20px;
	color:black;
	text-decoration:none;
	padding:7px 15px;
}
.target {
	position:absolute;
	border-bottom:4px solid transparent;
	z-index:-1;
	-webkit-transform:translateX(-60px);
	transform:translateX(-60px);
}
.mynav a,.target {
	-webkit-transition:all .35s ease-in-out;
	transition:all .35s ease-in-out;
}

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

鼠标悬停效果

好看的鼠标悬停效果

0