HeronTool
Bahasa Indonesia▾
Masuk
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
Beranda › Sumber desain › Gradient Border Generator

Gradient Border Generator

Create gradient borders with border-image or the mask technique.

Bingkai CSS Gradien
Width—
Radius—

Cara pakai

  1. Adjust the values above.
  2. Results and CSS update live.
  3. Click Copy.

Contoh penggunaan

Create gradient borders with border-image or the mask technique.

Tidak ada yang diunggah — semua diproses lokal di browser Anda.

Komentar / Laporkan / Anotasi saya

Silakan masuk dulu — Masuk

Silakan masuk dulu — Masuk

Silakan masuk dulu — Masuk

Alat terkait
Generator gradien Buat gradien CSS linear/radial dengan pratinjau langsung. Gradien Pratinjau font Ketik teks dan ganti keluarga font untuk pratinjau langsung. Font Cari ikon Cari ikon Tabler dan salin SVG-nya dalam satu klik. Ikon Generator palet Bangun palet harmonis (analog/komplementer) dari warna dasar. Palet Generator mockup Letakkan URL atau tangkapan layar ke bingkai mockup perangkat. Mockup Kontras warna Periksa kontras WCAG teks di atas latar. Kontras Generator box-shadow Bangun box-shadow CSS secara visual. Bayangan Generator text-shadow Bangun text-shadow CSS. Bayangan