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

关于新奇的css

article 2025/3/17 11:56:10

background: linear-gradient(154deg, #07070915 30%, hsl(var(--primary) / 30%) 48%, #07070915 64%);
filter: blur(100px);

background: linear-gradient(154deg, #07070915 30%, hsl(var(--primary) / 30%) 48%, #07070915 64%);
- 这是一个线性渐变背景设置，角度为154度。
- 渐变开始于颜色#07070915（这是一个带有透明度的颜色值，前6位代表颜色，最后两位代表透明度，这里的透明度为20%），并且这个颜色会覆盖从起点到30%位置的区域。
- 在48%的位置上，颜色变为由hsl(var(--primary) / 30%)定义的颜色，这里使用了HSL颜色模式，并且亮度或饱和度通过变量--primary来动态调整，同时设置了透明度为30%。
- 最后，在64%的位置之后，颜色再次变为#07070915。
filter: blur(100px);
- 这个属性给整个元素添加了一个模糊效果，模糊半径为100px。这意味着任何在这个元素上的内容都会看起来像是被涂抹开来，创建一种朦胧的效果。