Code, data, at QR na tool

Stripe Pattern Maker

Ayusin ang magaan na stripe background, i-preview ito nang lokal, at kopyahin o i-download ang CSS.

Lokal na pinoproseso sa browserHindi kailangan ng accountMga detalye ng pagkapribado ↗

Limitado sa 1–96px ang lapad at pagitan, at 0–180° ang anggulo.

Paano gamitin

Paano gamitin

  1. Pumili ng foreground at background color, at piliin ang direksyon ng stripe.
  2. Itakda ang lapad, pagitan, at anggulo sa loob ng limitadong controls.
  3. Kopyahin ang CSS o i-download ito bilang maliit na stylesheet snippet.

CSS-only na stripe background

Ginagawa ang pattern sa browser gamit ang repeating-linear-gradient. Walang image, canvas, upload, external request, o dependency.

May hangganang values

Ang lapad at pagitan ay nasa 1–96px, at ang anggulo ay nasa 0°–180°.

Mga madalas itanong

Maaari mo ring alamin

Magagamit ko ba ang CSS sa anumang element?

Oo. I-paste ang background declaration sa element o reusable CSS class.

Ina-upload ba ang mga kulay ko?

Hindi. Lokal sa browser ang preview, pagkopya, at download.

Bakit nagbabago ang anggulo kapag binago ang direksyon?

Gumagamit ang horizontal at vertical ng 0° o 90°, habang ginagamit ng diagonal ang pinili mong anggulo.