技术栈

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环境
下一篇:【数据分析】时间序列
相关推荐
不绝191
22 分钟前
UGUI——进阶篇
前端
Exquisite.
43 分钟前
企业高性能web服务器(4)
运维·服务器·前端·网络·mysql
2501_94452554
1 小时前
Flutter for OpenHarmony 个人理财管理App实战 - 账户详情页面
android·java·开发语言·前端·javascript·flutter
2601_94985743
1 小时前
Flutter for OpenHarmony Web开发助手App实战:快捷键参考
前端·flutter
wangdaoyin2010
1 小时前
若依vue2前后端分离集成flowable
开发语言·前端·javascript
心柠
2 小时前
vue3相关知识总结
前端·javascript·vue.js
Amumu12138
2 小时前
Vue Router(二)
java·前端
a111776
3 小时前
图书借阅管理系统(FastAPI + Vue)
前端·vue.js·fastapi
常年游走在bug的边缘
3 小时前
掌握JavaScript作用域:从函数作用域到块级作用域的演进与实践
开发语言·前端·javascript
极致♀雨
3 小时前
vue2+elementUI table表格勾选行冻结/置顶
前端·javascript·vue.js·elementui
热门推荐
01GitHub 镜像站点02Vue-skills的中文文档03一文了解国产算子编程语言 TileLang,TileLang 对国产开源生态的影响与启示04Claude Code Skills 实用使用手册05让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南06Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services07UV安装并设置国内源08OpenClaw部署与配置教程:在Mac mini上接入国产大模型与飞书09在Trae中使用Pencil MCP10Linux下V2Ray安装配置指南