HeronTool
繁體中文▾
登入
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
首頁 › 設計資源 › CSS 三角形生成器

CSS 三角形生成器

生成任意方向与颜色的纯 CSS 三角形代码。

设计

使用方法

  1. 选择方向。
  2. 设置尺寸与颜色。
  3. 复制生成的 CSS。

使用場景

CSS 三角形由透明边框构建，无需任何图片。

不會上傳任何內容 — 全部在瀏覽器本地處理。

評論 / 糾錯 / 我的標註

請先登入 — 登入

請先登入 — 登入

請先登入 — 登入

相關工具
漸層產生器 產生線性/放射 CSS 漸層，附即時預覽。 漸層 字型預覽 輸入文字並切換字體，即時預覽效果。 字型 圖示搜尋 搜尋 Tabler 圖示，一鍵複製 SVG。 圖示 色票產生器 從基準色建構和諧色票（類似色/互補色）。 色票 Mockup 產生器 將網址或截圖拖入裝置模型框架預覽。 示意圖 顏色對比度 檢查背景上文字的 WCAG 對比度。 對比 box-shadow 產生器 視覺化建立 CSS box-shadow。 陰影 text-shadow 產生器 建立 CSS text-shadow。 陰影