zoukankan      html  css  js  c++  java
  • Html

    仿Ios assistiveTouch 悬浮辅助球工具

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="utf-8">
            <title></title>
            <style type="text/css">
                .assistive-wrap{
                             58px;
                            height: 58px;
                            position: fixed;
                            top: 50%;
                            margin-top: -29px;
                            left: 1px;
                        }
                
                        .assistive-touch{
                             100%;
                            height: 100%;
                            background: #343434;
                            border-radius: 10px;
                            opacity: .3;
                            position: relative;
                        }
                
                        .assistive-touch:before, .assistive-touch:after, .assistive-touch span{
                            content: '';
                            position: absolute;
                            border-radius: 100%;
                            box-shadow: 0 0 2px rgba(30, 30, 30, .5);
                            display: block;
                            background: rgba(255, 255, 255, .6);
                        }
                
                        .assistive-touch:before{
                             42px;
                            height: 42px;
                            left: 8px;
                            top: 8px;
                            opacity: .5;
                        }
                
                        .assistive-touch span{
                             34px;
                            height: 34px;
                            left: 12px;
                            top: 12px;
                        }
                
                        .assistive-touch:after{
                             26px;
                            height: 26px;
                            left: 16px;
                            top: 16px;
                            background: #fff;
                        }
            </style>
        </head>
    
        <body>
            <div class="assistive-wrap">
                <div class="assistive-touch">
                    <span></span>
                </div>
            </div>
        </body>
    
    </html>
  • 相关阅读:
    抽象类abstract
    final关键字特点
    继承ExtendsFour
    继承(继承中构造方法的关系)
    继承ExtendsTwo-super&this
    继承ExtendsOne
    静态
    构造方法与setXxx方法
    15.8
    15.7
  • 原文地址:https://www.cnblogs.com/CyLee/p/5324357.html
Copyright © 2011-2022 走看看