luna666

在一些网站中利用css就可以写出非常好看的特效

挖空文本是一种技术,将文字从元素中剪切出来并显示背景。

换句话说,你只能看到背景,因为这些字母敲出了洞。这很吸引人,

因为它打开了我们无法摆脱传统CSS属性的印刷风格,例如color

4个混合模式是毫不费力地使文本切口:multiplyscreendarken,和lighten。将这些应用到图像和文本堆栈的顶层元素,顶部的文本会创建挖空设计。

尽管在大多数情况下,在这些混合模式中使用黑色或白色来明确区分文字和背景,但我更喜欢使用较暗或较浅的颜色,而不是使背面图像稍微可见,如下所示:

 

效果如图:

 

当然也可以加入一些动画效果:

 

分类:

技术点:

相关文章:

  • 2021-12-25
  • 2021-12-06
  • 2022-01-15
  • 2022-01-01
  • 2021-12-12
  • 2021-12-23
  • 2021-08-27
  • 2021-11-17
猜你喜欢
  • 2022-01-22
  • 2021-04-03
  • 2021-11-04
  • 2021-12-12
  • 2022-01-02
  • 2021-03-31
  • 2021-06-12
  • 2021-12-12
相关资源
相似解决方案