文字描边
font-weight:bold;
font-size:40px;
color: transparent;
-webkit-text-stroke: 1px red;
文字描边效果主要是-webkit-text-stroke
属性,文字太小描边效果就不明显
文字渐变色
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right bottom,red,yellow);
好看的两种渐变色
background-image: linear-gradient(to right, #ff9569 0%, #e92758 100%);
background-image: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);