大家好

今天繼續昨天的裁切
作出文字的外框及鏤空的效果

先作出加粗的外框及顏色

    -webkit-text-stroke: 5px black;
    color: white;

外框加粗

文字填色 color: white;

還可以再多加陰影

text-shadow:
       5px 5px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;

要把文字鏤空
就不需要 color: white;
因為用 -webkit-text-fill-color: transparent;
就會把文字外框之內的顏色透明

background: url(圖片);
  background-size: 100% 100%;
  -webkit-text-stroke: 5px #fff;
  -webkit-text-fill-color: transparent;

把文字鏤空就不能增加陰影
因為透明的部分也是會產生陰影
就會影響到文字鏤空的效果

--- 明日待續。