知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    css点击高亮模拟

    作者:速博娱乐是什么 来源:web前端开发 2016-10-02 人气:
    如果你的css重置中禁止了点击高亮效果,你还可以使用css模拟这个css点击高亮,点击高亮效果主要在移动端用处比较大,移动端的按钮链接点击后如果没有表现出一些点击过的效果,会

    如果你的css重置中禁止了点击高亮效果,你还可以使用css模拟这个css点击高亮,点击高亮效果主要在移动端用处比较大,移动端的按钮链接点击后如果没有表现出一些点击过的效果,会让人怀疑是不是点击到了。

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>css点击高亮-web前端开发http://sbylssm.985sunbet.com/</title>
        <STYLE>
            .active{ position: relative; padding:10px;}
            .active:before{
                content: '';
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                background-color:#ddd;
                background-repeat: no-repeat;
                background-position: center;
                background-size: 100% 100%;
                opacity: 0;
                pointer-events: none;
                -webkit-transition: opacity 600ms;
                transition: opacity 600ms;   /*加上动画显得更自然*/
            }
    
            .active:active:before{
                opacity: 1;
                -webkit-transition: opacity 150ms;
                transition: opacity 150ms;
            }
        </STYLE>
    </head>
    <body>
    <SPAN class="active">点击试试</SPAN>
    </body>
    </html>
    ↓ 查看全文

    css点击高亮模拟由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    css点击高亮模拟-最新评论

    网站地图 凱旋门官方网站 英皇国际真人娱乐 申博会员官网
    申博怎么登入不了 申博龙虎 suncity818登入 申博亚洲太阳城娱乐
    买球网站 网上博彩平台排行榜 太阳城总代理登入 www.9tm.com
    中原娱乐bc2013 豪博娱乐官方网站 凯斯线上娱乐网 澳门威尼斯人赌场
    东方夏威夷备用网址 菲律宾环球娱乐 娱乐大西洋城 伟博娱乐备用网址
    979sj.com 666xsb.com 28csb.com 8YAS.COM 317SUN.COM
    158jbs.com 699XTD.COM 188BBIN.COM 313sunbet.com XSB577.COM
    205SUN.COM 777sbsb.com qk138.com 444xsb.com 911XTD.COM
    1112989.COM XSB594.COM 600xsb.com S618F.COM XSB687.COM