← Semua kategori alat
alat kerja 50

Reka Bentuk & CSS

Jana warna dan CSS praktikal dengan pratonton tempatan langsung.

Inventori Nisbah Aspek CSS

ekstrak pernyataan nisbah aspek dan ringkaskan perkadaran unik yang digunakan oleh helaian gaya.

Buka alat →

Pemeriksa Kedudukan Melekit CSS

mencari peraturan penempatan melekit dan melaporkan sama ada masing-masing mengisytiharkan sempadan inset yang boleh digunakan.

Buka alat →

Inventori Unit Viewport CSS

unit viewport klasik, kecil, besar dan dinamik yang digunakan dalam CSS yang ditampal.

Buka alat →

Pencari Pengisytiharan CSS Berganda

cari sifat yang dinyatakan lebih daripada sekali dalam peraturan CSS rata yang sama untuk semakan terfokus.

Buka alat →

Inventori Limpahan CSS

lebihan inventori, deklarasi overflow-x dan overflow-y serta ringkaskan nilai pemotongan dan penggulungan.

Buka alat →

Inventori Sifat Peralihan CSS

ekstrak sifat CSS yang telah beralih daripada deklarasi shorthand dan transition-property.

Buka alat →

Inventori Ketinggian Baris CSS

inventori pernyataan line-height dan kategorikan nilai tanpa unit, relatif, mutlak dan normal.

Buka alat →

Pemeriksa CSS Fokus Kelihatan

bandingkan pemilih focus dan focus-visible serta tandakan peraturan yang menekan garis luar fokus papan kekunci.

Buka alat →

Inventori Media Cetak CSS

inventori cetak blok media dan pengisytiharan yang lazim digunakan untuk membentuk output bercetak.

Buka alat →

Pemeriksa Pergerakan Dikurangkan CSS

periksa peraturan prefers-reduced-motion dan tandakan deklarasi gerakan tanpa laluan pengurangan yang jelas.

Buka alat →

Inventori Paparan Fon CSS

strategi paparan fon inventori dalam peraturan font-face dan tandakan gelagat pemuatan yang diabaikan.

Buka alat →

Pemeriksa Warna Paksa CSS

periksa pertanyaan media forced-colors dan pengisytiharan forced-color-adjust untuk kesediaan kontras tinggi.

Buka alat →

Inventori Tindakan Sentuhan CSS

inventori perisytiharan sentuh-tindakan dan ringkasan sekatan gerak isyarat dalam CSS yang dilekatkan.

Buka alat →

Inventori Pilihan Pengguna CSS

inventori pengguna-pilihan pengisytiharan dan gariskan peraturan yang melumpuhkan pilihan teks.

Buka alat →

Inventori Warna Aksen CSS

pernyataan accent-color inventori yang digunakan untuk menggayakan kawalan borang asli.

Buka alat →

Inventori Ciri Bar Skrol CSS

inventariskan sifat scrollbar standard dan pemilih scrollbar webkit legasi dalam CSS yang ditampal.

Buka alat →

Penjana Kotak Semak CSS Boleh Akses

Bina kotak semak tersuai dengan keadaan ditanda yang kelihatan, cincin fokus papan kekunci serta kawalan saiz, jejari dan warna yang terhad, kemudian salin CSS lengkap secara setempat.

Buka alat →

Penjana Suis Togol CSS Boleh Diakses

Hasilkan suis togol berasaskan kotak semak yang responsif dengan geometri trek dan thumb yang koheren, warna aktif dan gaya fokus yang kelihatan melalui papan kekunci.

Buka alat →

Penjana Bentuk Laluan Klip CSS

Pilih pratetap geometri bersempadan dan hasilkan poligon clip-path sedia piawai dengan pratonton warna langsung dan tiada data reka bentuk yang dimuat naik.

Buka alat →

Penjana Corak Latar Belakang CSS

Cipta latar belakang titik, grid atau jalur pepenjuru yang ringan daripada gradien CSS, dengan jarak, lebar garis dan warna yang dikawal, bukannya aset imej.

Buka alat →

Penjana Glassmorphism CSS Boleh Capai

Bina panel lut sinar dengan warna sandaran, kabur latar belakang, sempadan, jejari dan nilai bayang-bayang sambil pratonton kontras pada latar belakang tempatan yang dikawal.

Buka alat →

Renderer HTML ke SVG

Tukarkan serpihan HTML yang telah disanitasi menjadi kanvas SVG berskala yang teks dan tataletaknya kekal tajam pada saiz paparan yang berbeza.

Buka alat →

Renderer HTML ke PNG

Tukar HTML yang dibersihkan kepada imej PNG tanpa kehilangan dengan saiz kanvas yang jelas dan latar belakang pilihan yang mesra ketelusan.

Buka alat →

Renderer HTML ke JPG

Tukar HTML yang telah dinyahkontam ke dalam kanvas JPEG fotografi yang padat untuk pratonton, draf e-mel dan karya seni sosial yang tidak memerlukan ketelusan.

Buka alat →