Question 1

Jenis gradien CSS apa yang didukung alat ini?

Accepted Answer

Alat ini mendukung ketiga jenis gradien CSS standar: linear-gradient (transisi warna sepanjang garis lurus), radial-gradient (transisi warna yang memancar dari titik pusat dalam bentuk elips atau lingkaran), dan conic-gradient (transisi warna mengelilingi titik pusat, seperti diagram lingkaran). Varian berulang juga diurai.

Question 2

Apa itu CSS color stop dan bagaimana cara kerjanya?

Accepted Answer

Color stop mendefinisikan warna dan posisinya dalam gradien. Setiap stop memiliki nilai warna dan posisi opsional (persentase atau panjang). Jika posisi dihilangkan, browser mendistribusikan warna secara merata.

Question 3

Bagaimana cara menentukan arah gradien di CSS?

Accepted Answer

Untuk gradien linear: gunakan kata kunci arah (to right, to bottom), sudut (45deg, 135deg), atau nilai turn (0.25turn). Untuk radial: tentukan bentuk (circle atau ellipse), ukuran, dan posisi. Untuk conic: gunakan 'from Ndeg' untuk sudut awal.

Question 4

Bagaimana membuat gradien dengan color stop keras (tanpa pencampuran)?

Accepted Answer

Untuk membuat stop keras, tempatkan dua color stop pada posisi yang sama: linear-gradient(to right, #ff0000 50%, #0000ff 50%). Ini menciptakan tepi tajam tanpa pencampuran gradien.

Question 5

Bagaimana cara menggunakan gradien CSS untuk latar belakang, border, dan teks?

Accepted Answer

Gradien adalah nilai dalam CSS, bukan . Gunakan untuk latar belakang: background: linear-gradient(...). Untuk teks bergradien: background: linear-gradient(...); -webkit-background-clip: text; color: transparent.

Penganalisis Gradien CSS

Pertanyaan yang Sering Diajukan

Comments & Feedback