cssfilter有哪些不为人知的技巧

avatar
作者
猴君
阅读量:0

  1. 利用hue-rotate属性实现彩虹文字效果。通过设置hue-rotate属性的值为360deg,可以让文字的颜色在整个色相环中旋转,从而实现彩虹文字效果。

  2. 使用drop-shadow属性实现立体效果。通过设置drop-shadow属性的值为0 0 10px black,可以为元素添加一个黑色的阴影,从而给元素添加立体感。

  3. 利用blur属性实现毛玻璃效果。通过设置blur属性的值为一定的像素值,可以为元素添加一个模糊效果,从而实现毛玻璃效果。

  4. 使用invert属性实现黑白反转效果。通过设置invert属性的值为100%,可以让元素的颜色完全反转,变成黑白效果。

  5. 利用brightness属性实现调整亮度效果。通过设置brightness属性的值为大于1的数值,可以增加元素的亮度,而设置为小于1的数值则可以降低元素的亮度。

  6. 使用contrast属性实现对比度调整效果。通过设置contrast属性的值为大于1的数值,可以增加元素的对比度,而设置为小于1的数值则可以降低元素的对比度。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!