自适应菜单导航效果
代码语言:html
所属分类:菜单导航
代码描述:自适应菜单导航效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> *{ margin: 0; padding: 0; text-decoration: none; } :root { --accent-color: #fff; --gradient-color: #FBFBFB; } body{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100vw; height: 100vh; background-image: linear-gradient(-45deg, #e3eefe 0%, #efddfb 100%); } .sidebar{ position: fixed; width: 240px; left: -240px; height: 100%; background-color: #fff; transition: all .5s ease; } .sidebar header{ font-size: 28px; color: #353535; line-height: 70px; text-align: center; background-color: #fff; user-select: none; font-family: 'Lato', sans-serif; } .sidebar a{ display: block; height: 65px; width: 100%; color: #353535; line-height: 65px; padding-left: 30px; .........完整代码请登录后点击上方下载按钮下载查看
网友评论0