知识 分享 互助 懒人建站

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

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

    css点击高亮模拟

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

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

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>css点击高亮-web前端开发http://bbinsxzrylptdr.xsb868.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点击高亮模拟-最新评论

    网站地图 ag视讯游戏开户登入 ag旗舰厅游戏下载登入 bbin视讯真人娱乐平台登入
    菲律宾申博娱乐网官网 申博手机苹果版 菲律宾太阳城开户 申博官网177
    娱乐百利宫如何 88彩票时时彩登入 OG东方馆国际娱乐平台登入 澳门太阳城娱乐官网开户登入
    ag旗舰厅平台登入 bbin视讯电子游艺登入 ag旗舰厅官方网站登入 bbin视讯线上真人登入
    ag视讯游戏网站登入 ag旗舰厅注册登入 ag视讯游戏网址登入 申博138ag旗舰厅登入
    S618F.COM 1113885.COM 383PT.COM 729XTD.COM 166TGP.COM
    XSB577.COM DC957.COM 528XTD.COM 333TGP.COM XSB596.COM
    XSB418.COM 000XSB.COM 588XTD.COM 108ib.com 658PT.COM
    618XTD.COM 1111ib.com 87XTD.COM 1112125.COM qk138.com