semantic实现右侧悬浮按钮点击弹出全屏菜单效果代码-html代码-BFW代码库

semantic实现右侧悬浮按钮点击弹出全屏菜单效果代码

代码语言：html

代码描述：semantic实现右侧悬浮按钮点击弹出全屏菜单效果代码

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

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/semantic.min.css">

    <style>
        /* ======================== Menu mobile: text fade animation ========================  */
        .col-nav-menu {
          position: relative;
          padding: 20px;
          overflow: auto;
        }
        .nav-item {
        	font-size: 30px;
        	padding: 10px;
        	margin-top: 20px;
        	z-index:100;
          display: block;
        	position: relative;
        	opacity: 1;
        	color: transparent;
          text-align: center;
          right: 30%;
          -webkit-transition-property: all;
          -webkit-transition-duration: 1s;
        }
        .nav-item:nth-child(1) {
        	transition-delay: .05s;
        }
        .nav-item:nth-child(2) {
        	tr.........完整代码请登录后点击上方下载按钮下载查看