技术栈

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环境
下一篇:【数据分析】时间序列
相关推荐
拾柒SHY
21 小时前
XSS-Labs靶场通关
前端·web安全·xss
前端婴幼儿
21 小时前
前端主题切换效果
前端
一 乐
1 天前
水果销售|基于springboot + vue水果商城系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端
Qin_jiangshan
1 天前
如何成为前端架构师
前端
dolt02
1 天前
基于deepseek实现的ai问答小程序
前端·开源
一只小bit
1 天前
Qt 快速开始:安装配置并创建简单标签展示
开发语言·前端·c++·qt·cpp
加蓓努力我先飞
1 天前
a-第一部分-基础篇-前端面试题总结
前端
青莲843
1 天前
Android Jetpack - 3 LiveData
android·前端
狗哥哥
1 天前
企业级 Vue 3 基础数据管理方案:从混乱到统一
前端
前端涂涂
1 天前
哈希指针,什么是区块链,genesis blcok,most recent block,tamper-evident log,merkle tree,binar
前端
热门推荐
01GitHub 镜像站点02React CVE-2025-55182漏洞排查与修复指南03【超详细教程】手把手教你从微软官网免费下载Windows 10官方原版ISO镜像(2025最新版)04UV安装并设置国内源05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)06BongoCat - 跨平台键盘猫动画工具07本地部署阿里最新开源的Z-Image08Linux下V2Ray安装配置指南09在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)10智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践