记录、分享IT相关知识和见闻！想要了解更多软件相关知识的朋友！记得右上角添加【关注】，支持一下！网页设计中，CSS阴影(shadow)是一个非常重要的元素！可以为网页增添深度和层次感。然而，手动编写CSS阴影可能会非常繁琐和耗时。为了解决这个问题，许多CSS阴影生成工具应运而生。本文将介绍 7个 CSS阴影生成工具，这些工具可以帮助你快速轻松地生成各种各样的 …
透明度css
绝对定位position: absolute特性：1、脱离文档流，定位元素占据的位置会释放2、原点计算：如果该元素做了定位，那么就去找它做了定位的父元素（找最近的）作为原点基准，如果父元素都没做定位，则以浏览器(0,0)作为原点基准。3、对内嵌元素定位后，设置宽高属性就会有效果应用场景： 一般情况下，绝对定位用在下拉菜单、焦点图轮播、弹出数字气泡、特别花边等 …
在 23 年的 CSS 新特性中，有一个非常重要的功能更新 -- 相对颜色。简单而言，相对颜色的功能，让我们在 CSS 中，对颜色有了更为强大的掌控能力。其核心功能就是，让我们能够基于一个现有颜色 A，通过一定的转换规则，快速生成我们想要的颜色 B。其功能能够涵盖：精简调暗饱和度降低饱和度色度增强调整不透明度反转补充转换对比度调色板当然，今天我们不会一个一个 …
前言在网页设计和前端开发中，CSS属性是非常重要的一部分。掌握常用的CSS属性不仅可以使你的网页看起来更美观，还能提升用户体验。，今天小编为大家介绍8个常见的CSS小技巧：1.修改滚动条样式下图是常见的滚动条，现在需要改变滚动条的宽度和颜色了，并把它画的圆一点。可以用::-webkit-scrollbar来实现：* 设置滚动条的宽度*::-webkit-sc …
去年夏天在 Tailwind Connect 上，Tailwind 团队分享了 Oxide 的预览，这是Tailwind 团队正在努力开发的新一代高性能引擎，旨在简化开发者体验，并充分利用近年来 Web 平台的演变。这个新引擎最初计划作为 v3.x 版本发布，但尽管 Tailwind 团队致力于向后兼容，但它如此明显地像一个框架的新一代，以至于应该成为 v4 …
HTML: HyperText Markup Language 超文本标记语言HTML代码不区分大小写, 包括HTML标记、属性、属性值都不区分大小写;任何空格或回车键在代码中都无效，插入空格或回车有专用的标记，分别是 、<br>HTML标记中不要有空格，否则浏览器可能无法识别。如何添加注释(comment:评论;注释)<!-- --> …
术语简介CSS属性值函数（CSS value functions），是调用特殊数据处理或计算后返回CSS数值，应用于CSS属性。CSS属性值函数代表了更复杂的数据类型，其可能需要一些输入参数来计算返回值。语法格式selector {property: function([argument]? [, argument]!);}其格式为：函数名后跟随英文括号“( …
滤镜的使用格式：<style type="textcss"><!--.filter { filter: Alpha(Opacity=50)}--><style>filter滤镜目前只有IE浏览器支持,不推荐使用，不区分大小写透明特效：1. alpha：设置透明度alpha(opacity=?, finish …
最近在进行 UI 开发的时候，我们经常会遇到一些颜色调整的需求，比如鼠标悬停时按钮颜色变深，按钮禁用时颜色变浅。以往，我们可能会使用预定义的颜色或者 JavaScript 来动态修改颜色。但是现在，我们可以借助 CSS 的 color-mix() 函数，用更简洁、更优雅的方式实现这些效果。今天，我们就来一起探索 color-mix() 的强大魔力。一、认识 …
- 1