CSS與設計

使用即時預覽創建美麗的 CSS 漸層

設計分層 CSS 文字陰影,帶有即時預覽和滑桿,可實現偏移、模糊、色彩和不透明度 - 建立發光、輪廓、復古 3D 和浮雕效果,然後複製生產就緒的 CSS。

使用即時預覽和每個角落滑桿圍繞任何角落，在 PX、%、EM 和 REM 之間切換，並複製最短的有效 CSS 邊框半徑。

使用即時滑桿和預覽版，然後複製生產就緒的 CSS 過濾器代碼，將模糊、亮度、對比度、灰階、棕褐色、色調旋轉等應用。

透過即時預覽和滑桿建立磨砂玻璃 UI,以實現背景模糊、透明、飽和度、顏色和半徑 - 然後複製生產就緒的 CSS。

透過即時預覽和距離、模糊、強度、半徑、表面顏色和平坦/凹/凸/按壓形狀的控制來建立軟 UI(變形)元素 - 然後複製 CSS。

視覺化地建立 CSS flexbox 佈局。透過即時預覽調整內容合理性、項目對齊、方向、換行和間隙,然後複製產生的 CSS - 所有這些都在您的瀏覽器中。

視覺化地建立 CSS 網格佈局。透過即時預覽設定列、行、軌道大小、間隙和對齊,然後複製產生的網格 CSS - 所有這些都在您的瀏覽器中。

使用即時滑桿和預覽從平移、旋轉、縮放、傾斜和 3D 視角建立 CSS 轉換,然後複製生產就緒的程式碼。

透過即時懸停預覽從屬性、持續時間、定時函數和延遲建立 CSS 轉換,然後複製生產就緒程式碼。支援多層。

根據淡入淡出、滑動、彈跳和旋轉等預設建立 CSS 關鍵影格動畫。調整持續時間、緩動、延遲、迭代和方向、即時預覽,然後複製關鍵影格和動畫速記。

設計分層 CSS 盒陰影,帶有即時預覽和滑桿,用於偏移、模糊、擴展、顏色、不透明度和嵌入 - 然後複製生產就緒的 CSS。

在 CSS 單元(px、rem、em、pt 和 %)之間進行轉換,具有可設定的根字體大小、即時全單元輸出以及用於響應式排版的 px 到 rem 參考表。

產生在視口之間縮放的流體響應 CSS 夾 () 值