技术栈

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环境
下一篇:【数据分析】时间序列
相关推荐
Asort
1 分钟前
JavaScript设计模式(十四)——命令模式:解耦请求发送者与接收者
前端·javascript·设计模式
小茴香353
10 分钟前
Vue 脚手架(Vue CLI)
前端·javascript·vue.js
午安~婉
15 分钟前
ESLint
前端·eslint·检查
“抚琴”的人
16 分钟前
C#中获取程序执行时间
服务器·前端·c#
朝阳39
25 分钟前
CSS【实战】可编辑元素实现 placeholder -- contenteditable=“true“
css
掘金一周
26 分钟前
Flex 布局下文字省略不生效?原因其实很简单| 掘金一周 10.16
前端
Stringzhua
31 分钟前
Vue的Axios介绍【9】
前端·javascript·vue.js
摸着石头过河的石头
1 小时前
JavaScript 垃圾收集:内存管理的艺术
前端·javascript
前端小崽子
1 小时前
🔥 踩坑实录:Fabric 在 Intel Iris Xe 显卡上 CPU 飙升 100%
前端
东华帝君
1 小时前
React Suspense组件
前端
热门推荐
01两千字总结:Codex 国内如何安装和使用的教程,以及如何设置中文回答02BongoCat - 跨平台键盘猫动画工具03GitHub 镜像站点04GitLab 零基础入门指南:从安装到项目管理全流程05UV安装并设置国内源06Linux下V2Ray安装配置指南0746个Nano-banana 精选提示词,持续更新中08Labelme从安装到标注:零基础完整指南092025羊城杯网络安全大赛 wp10NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南