CSS伪类选择器active模拟JavaScript点击事件

一、说明

二、示例

<style>

    .active-example{

        width:100px;

        height: 100px;

        transition: all 1s ease-in-out;

        background: red;

    }

    .active-example:active{

        border-radius:50%;

        background: blue;

    }

</style>

<div class="active-example"></div>

 

CSS伪类选择器active模拟JavaScript点击事件