css to achieve text stroke and reflection effects

Stroke: All major browsers support

(Recommended tutorial: css video tutorial)

-webkit-text-stroke:<length> <color>;
-webkit-text-stroke:4px pink;/*描边宽度4px，字体颜色粉红*/

Reflection: Google , safari, opera support, Firefox does not support

-webkit-box-reflect:<left|right|top|bottom> <length>;
-webkit-box-reflect:left 4px;/*倒影方向座 和倒影间距4px*/

Related recommendations: CSS tutorial

The above is the detailed content of css to achieve text stroke and reflection effects. For more information, please follow other related articles on the PHP Chinese website!