div+css实现描边文字菜单鼠标悬浮动画移动效果代码
代码语言:html
所属分类:菜单导航
代码描述:div+css实现描边文字菜单鼠标悬浮动画移动效果代码
代码标签: div css 描边 文字 菜单 鼠标 悬浮 动画 移动
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
:root {
--background-color: #283038;
}
* {
margin: 0;
padding: 0;
}
body {
width: 100vw;
height: 100vh;
background-color: var(--background-color);
display: flex;
justify-content: center;
align-items: center;
font-family: 'Montserrat', sans-serif, Arial, 'Microsoft Yahei';
}
.channel {
position: absolute;
width: 80%;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -250px);
font-size: 30px;
font-weight: bold;
color: #fff;
}
ul {
list-style: none;
}
ul.........完整代码请登录后点击上方下载按钮下载查看
网友评论0