ホームページ  >  記事  >  ウェブフロントエンド  >  テキストのストロークと反射効果を実現する CSS

テキストのストロークと反射効果を実現する CSS

王林
王林転載
2020-10-14 16:52:322159ブラウズ

テキストのストロークと反射効果を実現する CSS

ストローク: すべての主要ブラウザがサポート

(推奨チュートリアル: css ビデオ チュートリアル)

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

リフレクション: Google 、 safari 、オペラのサポート、Firefox はサポートしていません

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

関連する推奨事項: CSS チュートリアル

以上がテキストのストロークと反射効果を実現する CSSの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。