CSS 倒影產生器
以四種方向、間距、淡出、透明度及鏡像副本比例設計倒影，在本機預覽。
css-box-reflect-generator本機處理
正在啟用本機工具…
工具設定
-webkit-box-reflect 非標準屬性，此處會偵測支援。原生語法沒有倒影比例；比例預覽及 HTML 明確採用鏡像副本近似。
僅在本機記憶體處理，不傳送或儲存輸入。
靜態來源日期：2026-10-18
預覽與完整輸出
設定欄位，再產生結果。
如何使用這個工具
選擇本機內容及倒影設定、產生，再檢查並匯出原生 CSS 或完整鏡像副本 HTML 範例。
不適合用在什麼情況
-webkit-box-reflect 非標準屬性，此處會偵測支援。原生語法沒有倒影比例；比例預覽及 HTML 明確採用鏡像副本近似。