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环境

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

热门推荐

01KGG转MP3工具|非KGM文件|解密音频 02西电B测-计算机网络综合实验(含验收问题)03从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑 04【解决】Android Gradle Sync 报错 Could not read workspace metadata 05Coze扣子平台完整体验和实践（附国内和国际版对比）06YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】07AI生成写真，从产品经理的角度看看「妙鸭相机」08DeepSeek各版本说明与优缺点分析 09苍穹外卖面试总结 10Springboot集成Spring AI和Milvus，验证RAG构建过程