雅加达赌场|开心8赌球|真人推饼|真人扑克专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    雅加达赌场|开心8赌球|真人推饼|真人扑克提供网页素材下载、网站模板
    知识 分享 互助!

    css点击高亮模拟

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

    本文地址:http://www.ledoupay.com/html+css/htmlcssjq/1117.html
    文章摘要:css点击高亮模拟 ,官话弹性财大,第八十五十病九痛优质服务。

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

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>css点击高亮-web前端开发http://www.ledoupay.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点击高亮模拟由雅加达赌场|开心8赌球|真人推饼|真人扑克收集整理,您可以自由传播,请主动带上本文链接

    雅加达赌场|开心8赌球|真人推饼|真人扑克就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

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