技术栈

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环境
下一篇:【数据分析】时间序列
相关推荐
bluceli
几秒前
CSS容器查询:响应式设计的新范式
前端·css
Tapir
4 分钟前
被 Karpathy 下场推荐的 NanoClaw 是什么来头
前端·后端·github
前端人类学
4 分钟前
深入解析JavaScript中的null与undefined:区别、用法及判断技巧
前端·javascript
ssshooter
1 小时前
Tauri 项目实践:客户端与 Web 端的授权登录实现方案
前端·后端·rust
兆子龙
1 小时前
【React】19 深度解析:掌握新一代 React 特性
前端·架构
Moment
2 小时前
MinIO已死,MinIO万岁
前端·后端·github
无双_Joney
2 小时前
心路散文 - 转职遇到AI浪潮,AIGC时刻人的价值是什么?
前端·后端·架构
有意义
2 小时前
深度拆解分割等和子集:一维DP数组与倒序遍历的本质
前端·算法·面试
小怪点点
2 小时前
vue3使用
前端·vue.js
Bigger
3 小时前
CSS 这些年都经历了什么?一次看懂 CSS 的演化史
前端·css·前端工程化
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03OpenClaw 连接飞书完整指南:插件安装、配置与踩坑记录04Window 10部署openclaw报错node.exe : npm error code 12805本地部署 OpenClaw + DeepSeek-R1 完全指南06OpenClaw + 飞书(Feishu)环境搭建指南07npm-error code 128问题解决方法08Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤09OpenClaw 飞书机器人不回复消息?3 小时踩坑总结10Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services