当前位置: 首页 > news >正文

【总结】CSS(SCSS) 不常用属性

1、设置 antd Meta 组件中 title 过长自动换行:

  .ant-card-meta-title {white-space: normal; /* 允许文本换行 */overflow: visible; /* 防止内容被截断 */text-overflow: clip; /* 禁用文本省略号 */}

2、选择器书写:

  .QR {&:hover {}}

3、设置文字渐变色:

.slogan {width: 768px;height: 75px;background-image: linear-gradient(260.41deg, #b2a3ea -23.42%, #20cac0 59.93%, #8ad4a8 103.95%);background-clip: text; /* 背景裁剪到文本 */color: transparent; /* 文本颜色设置为透明,以显示背景 */}

4、设置 fixed header 背景的模糊度:

  .header {background-color: rgba(195, 242, 239, 0.9);backdrop-filter: blur(10px); /* 设置模糊度 */z-index: 200;
}

 5、背景 ui 元素位置与 button 重叠,虽然显示在 button 下方,但会阻碍 button 的 click 活动:

   .circle {pointer-events: none;}

这样ui元素就不会接收鼠标事件,点击事件会穿透 circle 到达 button

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 【高级编程】实用类详解(下)万字整理Java时间日期类 JDK8新日期
  • c++ linux——进程共享内存
  • 《JavaEE进阶》----3.<SpringBoot项目创建细节大全+打jar包运行>
  • 若依框架登录鉴权详解(动态路由)
  • 鸿蒙轻内核M核源码分析系列四 中断Hwi
  • Spring Boot 整合 Sentinel 实现流量控制
  • LabVIEW与Python联合图像处理
  • 2024 年高教社杯全国大学生数学建模竞赛题目【A/B/C/D/E题】完整思路
  • TensorFlow-keras介绍(一)
  • 速盾:便宜的高防 CDN 推荐,高防 CDN 能抵御 DDoS 吗?
  • 探索 JavaScript 中的 instanceof 关键字
  • 3. GIS后端工程师岗位职责、技术要求和常见面试题
  • C语言新手小白详细教程(8)ASCll编码和字符串
  • macos下的 sed命令安装与使用 gnu-sed
  • 华为 HCIP-Datacom H12-821 题库 (10)
  • [微信小程序] 使用ES6特性Class后出现编译异常
  • Bootstrap JS插件Alert源码分析
  • Java IO学习笔记一
  • Javascript编码规范
  • java正则表式的使用
  • Laravel 中的一个后期静态绑定
  • macOS 中 shell 创建文件夹及文件并 VS Code 打开
  • miniui datagrid 的客户端分页解决方案 - CS结合
  • SQLServer插入数据
  • TypeScript迭代器
  • vagrant 添加本地 box 安装 laravel homestead
  • 百度小程序遇到的问题
  • 程序员最讨厌的9句话,你可有补充?
  • 创建一种深思熟虑的文化
  • 飞驰在Mesos的涡轮引擎上
  • 更好理解的面向对象的Javascript 1 —— 动态类型和多态
  • 猴子数据域名防封接口降低小说被封的风险
  • 码农张的Bug人生 - 见面之礼
  • 区块链分支循环
  • 如何用Ubuntu和Xen来设置Kubernetes?
  • 设计模式走一遍---观察者模式
  • 深度学习入门:10门免费线上课程推荐
  • 手写一个CommonJS打包工具(一)
  • 推荐一个React的管理后台框架
  • 文本多行溢出显示...之最后一行不到行尾的解决
  • 我这样减少了26.5M Java内存!
  • 想晋级高级工程师只知道表面是不够的!Git内部原理介绍
  • 一个完整Java Web项目背后的密码
  • 硬币翻转问题,区间操作
  • 在electron中实现跨域请求,无需更改服务器端设置
  • 职业生涯 一个六年开发经验的女程序员的心声。
  • !!【OpenCV学习】计算两幅图像的重叠区域
  • !!Dom4j 学习笔记
  • #Datawhale AI夏令营第4期#AIGC文生图方向复盘
  • (1)安装hadoop之虚拟机准备(配置IP与主机名)
  • (19)夹钳(用于送货)
  • (2024最新)CentOS 7上在线安装MySQL 5.7|喂饭级教程
  • (java)关于Thread的挂起和恢复
  • (Java实习生)每日10道面试题打卡——JavaWeb篇
  • (八)Flask之app.route装饰器函数的参数