SheepDev

Box Shadow 產生

Box Shadow 產生可在瀏覽器中根據位置、模糊、擴散與透明度產生並預覽 box-shadow。

Box Shadow 產生

⌂ 輸入與結果僅在此瀏覽器中處理,不會自動儲存或傳送。

等待輸入
● 即時預覽

輸入與條件

設定

輸出

等待輸入

完整文字結果

使用方法

設定陰影位移、模糊、擴展、顏色與透明度,多層陰影應逐層調整。

將 CSS 用於實際背景與相鄰元素檢查。不要只靠陰影表示選取狀態,還需其他可見提示。

範例

#0F172A

原理與限制

每個輸入限1,048,576位元組,輸出限33,554,432位元組,處理時間限5,000毫秒。輸入不會被靜默截斷。

指南

相關工具

Web、UI與CSS

色彩代碼轉換

色彩代碼轉換可在瀏覽器中轉換 HEX、RGB、HSL 與透明度並預覽色彩。

Web、UI與CSS

Flexbox 與 Grid 產生

Flexbox 與 Grid 產生可在瀏覽器中根據 Flexbox/Grid 設定產生並預覽版面 CSS。