河畔的风

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
css :active

 

<!DOCTYPE html>
<html>

<head>
    <title>a</title>
    <meta name="content-type" content="text/html; charset=UTF-8">
    <style>
        span {
            display: block;
            width: 30px;
            margin: 20px;
            border-radius: 8px;
            padding: 20px 50px;
            text-align: center;
            background: green;
        }

        span:active::after {
            width: 30px;
            background: pink;
        }

        span::after {
            content: '';
            width: 20px;
            height: 20px;
            display: block;
            background: red;
            transition: all .2s ease-in-out;

        }
    </style>
</head>

<body>
    <span></span>
    
</body>

</html>

　　

posted on 2020-10-16 17:32  河畔的风  阅读(189)  评论(0)    收藏  举报