![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 64
程序人~
我热衷于探索编程世界的无限可能性,擅长使用多种技术和框架,包括HTML、JavaScript、CSS、Less、SCSS、React、Angular、Vue2、Vue3、Hooks、微信小程序、移动端网页和App开发、响应式设计以及一些库和工具如Three.js、Thing.js、Cesium.js、Postman、Node.js、Webpack、Vite、Bootstrap。这个账号将为你展示我的编程旅程和所掌握的技术栈。
展开
-
CSS 属性 `mix-blend-mode`
是 CSS 中的一个混合模式属性,它允许我们控制元素如何与其背景进行颜色混合。换句话说,它可以让元素与其所在的背景产生各种有趣的视觉效果。: 将文字与背景进行混合,可以创造出各种炫酷的文字特效,如发光、镂空、彩色阴影等。: 将图像与背景进行混合,可以实现各种图像合成效果,如双重曝光、逼真的光影效果等。在日常的 Web 开发中,我们大多时候都会使用一些常见的 CSS 属性,比如。可以增加视觉上的层次感和动态感,营造出更加高级和富有艺术感的风格。两种混合模式,与渐变背景进行颜色混合,产生了不同的视觉效果。原创 2024-06-19 11:27:56 · 478 阅读 · 0 评论 -
CSS 变量的优势
CSS 变量,也称为自定义属性(Custom Properties),允许我们在 CSS 中定义可重用的值。它们以--开头,可以在整个文档中使用。:root {.button {.text {在这个例子中,我们在:root和。然后在.button和.text类中使用var()函数引用这些变量。原创 2024-06-19 11:29:15 · 429 阅读 · 0 评论 -
CSS3中鲜为人知但非常强大的 Clip-Path 属性
在CSS3中,`clip-path`属性可以让我们快速创建各种各样的不规则图形,而无需使用图片或者复杂的绘图工具。它可以帮助我们实现一些非常出色的视觉效果,但遗憾的是它并不是很常见。`clip-path`属性可以接受多种不同的值,比如`polygon()`、`circle()`、`ellipse()`以及`inset()`等。原创 2024-06-20 11:07:22 · 246 阅读 · 0 评论