Kembali ke alat

Warna · Semua alat

Pembuat CSS clamp

Pembuat CSS clamp. Ekspor memakai rem dan vw. Atur huruf akar halaman. Pratinjau menyimulasikan lebar pilihan.

…

Berkas dan masukan diproses di browser ini. Tanpa unggahan atau akun.

Fitur yang didukung

Masukan: Opsi
Keluaran: CSS · Opsi

Cara memakai Pembuat CSS clamp

Pembuat CSS clamp. Ekspor memakai rem dan vw. Atur huruf akar halaman. Pratinjau menyimulasikan lebar pilihan.

Ubah warna, teks atau angka di atas.
Bandingkan pratinjau saat mengatur kontrol.
Salin hasil atau unduh ke perangkat.

Pembuat CSS clamp · Contoh

Masukan

{
  "min": 16,
  "max": 32,
  "start": 320,
  "end": 1280,
  "root": 16,
  "viewport": 800,
  "text": "LocalKit"
}

Keluaran

font-size: clamp(1rem, 0.66667rem + 1.66667vw, 2rem);

Catatan penggunaan

Berkas dan masukan diproses di browser ini. Tanpa unggahan atau akun.

Ekspor memakai rem dan vw. Atur huruf akar halaman. Pratinjau menyimulasikan lebar pilihan.