-webkit-box-reflect

非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。

-webkit-box-reflect はCSS のプロパティで、要素の内容を特定の方向に反射させることができます。

css

/* 方向の値 */-webkit-box-reflect: above;-webkit-box-reflect: below;-webkit-box-reflect: left;-webkit-box-reflect: right;/* オフセット値 */-webkit-box-reflect: below 10px;/* マスク値 */-webkit-box-reflect: below 0 linear-gradient(transparent, white);/* グローバル値 */-webkit-box-reflect: inherit;-webkit-box-reflect: initial;-webkit-box-reflect: unset;

警告:この機能はウェブサイトで使うためのものではありません。ウェブで反射効果を実現する上で、標準の方法は CSS のelement() 関数を使用することです。