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>
  • 相关阅读:
    ajax
    导入操作
    游标的使用
    多行编辑
    IOS开发之--NSPredicate
    asp.net DataTables
    asp.net 汉字转拼音的车祸现场
    Git 连接细节
    Aspose.Words 操作指北
    码云代码管理插件备忘
  • 原文地址:https://www.cnblogs.com/CyLee/p/5324357.html
Copyright © 2011-2022 走看看