技术栈

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环境
下一篇:【数据分析】时间序列
相关推荐
济617
3 分钟前
linux 系统移植(第六期)--Uboot移植(5)--bootcmd 和 bootargs 环境变量-- Ubuntu20.04
java·前端·javascript
m0_74825466
28 分钟前
AJAX 基础实例
前端·ajax·okhttp
vmiao
29 分钟前
【前端入门】商品页放大镜效果(仅放大镜随鼠标移动效果)
前端
i小溪
30 分钟前
Easy (Horizontal Scrollbar) Fixes for Your Blog CSS 博客 CSS 的简易(水平滚动条)修复
css
持续前行
33 分钟前
vscode 中找settings.json 配置
前端·javascript·vue.js
Anita_Sun
35 分钟前
Lodash 源码解读与原理分析 - Lodash IIFE 与兼容性处理详解
前端
用户90470668357
36 分钟前
Nuxt 请求后端接口怎么写,一篇文章讲清楚
前端
ahubbub
39 分钟前
用 maptalks 在 Web 上做可扩展的 2D/3D 地图渲染与交互
前端
JosieBook
41 分钟前
【Vue】11 Vue技术——Vue 中的事件处理详解
前端·javascript·vue.js
韩曙亮
42 分钟前
【jQuery】jQuery 简介 ( JavaScript 库简介 | jQuery 核心概念、特点 | jQuery 下载并使用 )
前端·javascript·jquery
热门推荐
01GitHub 镜像站点02Linux下V2Ray安装配置指南03Labelme从安装到标注:零基础完整指南04Claude Code Skills 实用使用手册05AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南06UV安装并设置国内源072025年大语言模型技术全景报告08安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)09网站改了域名,如何查找?10在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)