-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() 関数を使用することです。