ConverterHub

Generator CSS Clamp

Bangun nilai clamp() fluida yang menskala ukuran font mulus antara dua lebar viewport.

Cara menggunakan

  1. Masukkan nilai Anda di kolom di atas.
  2. Tekan Hitung untuk melihat hasil Anda secara instan.
  3. Gunakan tombol Bagikan untuk menyalin tautan ke hasil Anda.

Tentang kalkulator ini

Alat ini menghasilkan fungsi CSS clamp() yang responsif untuk tipografi cair — clamp(minimum, preferensi, maksimum) — di mana nilai preferensi adalah ekspresi berbasis vw yang dihitung, yang menskalakan ukuran font Anda secara mulus antara lebar viewport minimum dan maksimum, sehingga berhenti membesar atau mengecil di luar batas yang Anda pilih.

Pengembang front-end menggunakannya untuk menghindari penulisan beberapa breakpoint media-query hanya untuk mengubah ukuran judul dan teks isi, sehingga mendapatkan satu aturan CSS yang menskalakan secara cair. Masukkan ukuran font minimum dan maksimum Anda serta rentang viewport untuk mendapatkan aturan clamp() yang siap untuk ditempel.

Was this helpful?

Anda dapat memilih hingga 3 reaksi.

Comments (0)

  • Be the first to comment.

Kalkulator populer

Kalkulator Pinjaman

Cicilan bulanan, total bunga, dan jadwal pembayaran lengkap.

Kalkulator Persen

Perubahan persen, persen dari, dan perhitungan rasio.

Kalkulator Diskon

Hitung harga akhir, penghematan dan jumlah diskon.

Kalkulator BMI

Indeks massa tubuh dari tinggi dan berat (metrik atau imperial).

Kalkulator usia

Hitung usia tepat dalam tahun, bulan, dan hari dari tanggal lahir.

Kalkulator bunga majemuk

Hitung jumlah akhir dan bunga yang diperoleh dengan bunga majemuk.

Semua Kalkulator