实现酷炫的文字阴影

{      
      background: #EEE url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAHklEQVQImWNkYGBgYGD4//8/A5wF5SBYyAr+//8PAPOCFO0Q2zq7AAAAAElFTkSuQmCC) repeat;
      text-shadow: 5px -5px black, 4px -4px white;
      font-weight: bold;
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
}

text-shadow生成俩个文字(一黑一白)

-webkit-text-fill-color使得文字填充颜色变成background制定的图片

-webkit-background-clip使背景只保留文字的那部分

猜你喜欢

转载自www.cnblogs.com/amiezhang/p/9510020.html