Html
    Css
    Js
 * {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
.fab {
	position:absolute;
	right:0;
	float:right;
	text-align:center;
}
.fab i {
	font-size:5em;
}
.btu,.two,.btu1 {
	color:#03A9F4;
}
.fab-menu {
	display:none;
}
.fab-menu ul {
	list-style-type:none;
}
.fab-menu a {
	text-decoration:none;
}
.three {
	color:red;
}
.fab-btn {
	transition:transform 2.0s;
}
.fab-btn:hover {
	transform:rotate(160deg);
}

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

侧边悬浮栏图案

挺简单的

0