当前位置： 首页 > article >正文

按钮凸起与按下css效果

article 2025/2/10 4:26:45

效果展示

在这里插入图片描述

css实现代码

凸起效果：

box-shadow: 7px 7px 12px rgba(0, 0, 0.4), -7px -7px 12px rgba(255, 255, 255, 0.9);

凹陷效果：

box-shadow: 0 0 0 rgba(0, 0, 0, 0.4),
			0 0 0 rgba(255, 255, 255, 0.9),
			inset -7px -7px 12px rgba(255, 255, 255, 0.9),
			inset 7px 7px 12px rgba(0, 0, 0, 0.4);

http://www.kler.cn/a/538780.html

相关文章：

  • 用Kibana实现Elasticsearch索引的增删改查：实战指南
  • 数据结构：单链表
  • 【多模态大模型】系列1：CLIP【多模态领域开山之作】
  • Android性能优化
  • 视频采集卡接口
  • 解决bad SQL grammar []； nested exception is java.sql.SQLSyntaxErrorException
  • 番外02：前端八股文面试题-CSS篇
  • ZooKeeper作为注册中心有什么问题? ZooKeeper作为注册中心，海量服务同时重启有什么问题?
  • DeepSeek LLM 论文解读：相信长期主义开源理念可扩展大语言模型（DeepSeek 吹响通用人工智能的号角）
  • 使用LLaMA Factory踩坑记录
  • 基于PAI 低代码实现大语言模型微调和部署
  • python中的lambda function（ChatGPT回答）
  • 【算法刷题指南】二分查找
  • 电商java 面试题_JAVA电商项目面试题(一）
  • Windows图形界面(GUI)-QT-C/C++ - QT Dial
  • python连点器
  • 百度的冰桶算法
  • 未来十年的前端走向以及需要掌握什么技能
  • 搜维尔科技：提供人形机器人传感器的应用案例分析
  • 简单的Python记事本应用程序
  • 初次体验Tauri和Sycamore (2)
  • 使用 Apache Spark 进行大数据分析
  • c/c++蓝桥杯经典编程题100道（17）二叉树遍历
  • 网络安全 | F5 BIG-IP RESTful API 模块功能介绍
  • 如何精确掌控网页布局？深入解析 CSS 样式与盒模型
  • 程序员也可以这样赚钱