css 实现文字渐变以及文字颜色流动

文字渐变需要了解以下属性

background-image:背景色

background-clip:此属性规定背景的绘制区域,有四个值:

  • border-box,背景被裁剪到边框盒。
  • padding-box,背景被裁剪到内边距框。
  • content-box,背景被裁剪到内容。
  • text,表示只显示文字区域。

-webkit-text-fill-color:文字填充色,实现文字渐变色要展示的是背景的渐变颜色,所以这里我们需要设置为transparent(   寻常的- webki t-表示的是Chrome和Safari的私有属'性,但是它却声明了所有的,除了IE浏览器))

-webkit-text-stroke:1px black;实现镂空文字(文字边框)

css 实现文字渐变以及文字颜色流动_第1张图片

详细可参考:[CSS] 在字间流淌 | 第十二期_哔哩哔哩_bilibili



	
		
		
		
	
	
		

何以与君识,无言泪千行

你可能感兴趣的:(CSS,css,html,前端)