三维悬浮菜单旋转动画效果

代码语言:html

所属分类:悬停

代码描述:三维悬浮菜单旋转动画效果

代码标签: 旋转 动画 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="http://repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
<style>
* {
	box-sizing: border-box;
}
html,
body {
	margin: 0;
	padding: 0;
}

.container {
	background: #e74c3c;
	height: 200px;
	width: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 8px rgba(0, 0, 0, .5), -2px 2px 10px rgba(0, 0, 0, .3);
	display: flex;
	align-items: center;
	justify-content: space-around;
	border-.........完整代码请登录后点击上方下载按钮下载查看

网友评论0