css 动态点击效果

码客前端2023-10-10 15:01

效果图

daima

html 复制代码

<body>
    <div></div>
</body>
<style>
    div {
        background-color: rgb(220, 74, 98);
        width: 160px;
        height: 60px;
        border-radius: 40px;
        transition: all 0.2s linear;
    }
    div:active {
        transform: scale3d(0.92, 0.92, 1);
    }
</style>

上一篇：RustDay01——运行在线GitHub Rust环境

下一篇：【数据分析】时间序列

热门推荐

012026年3月AI领域大事件：DeepSeek引领开源风暴 02GitHub 镜像站点 03围棋-html版本 04小黑课堂计算机二级WPSoffice题库软件下载安装教程（2026年3月最新版）05班级宠物园部署指南 06【计算机一级WPSoffice】小黑课堂题库软件下载安装教程（2026年3月最新版）07“wsl --install -d Ubuntu-22.04”下载慢，中国地区离线安装 Ubuntu 22.04 WSL方法（亲测2025年5月6日）08UV安装并设置国内源 09中国象棋-html版本 10Qwen3.5 开源全解析：从 0.8B 到 397B，代际升级 + 全场景选型指南