Design

Network

Domain

Security

Marketing

Encoding

Image

Text

Code

Date & Time

File

Other

CSS Stripe Pattern Generator

Generate a stripe background pattern with CSS.
Base color (#e8f9fa)
Line color (#06c0cc)
Line width (10px)
Line spacing (20px)
Angle (45deg)
　

Explanation

Generates CSS in real time from background/line colors, spacing, and angle.

Settings

Base colorSets the base background color.
Line colorSets the line color.
Line widthSets the thickness of the lines.
Line spacingSets the spacing between lines.
AngleSets the line angle. Use 0 for horizontal and 90 for vertical.

Related Tools

CSS Checkered

Generate a checkered background pattern with CSS.

DesignCSSCode

CSS Polka Dot

Generate a polka dot background pattern with CSS.

DesignCSSCode

CSS Gradient

Generate CSS for linear and radial gradients.

DesignCSSCode

CSS Shadow

Generate CSS for box shadows (outer/inner) with adjustable parameters.

DesignCSSCode

Dummy Image

Generate placeholder images for mocks and wireframes.Set image size, background/text colors, and text, and get a direct-link image URL.

ImageDesign

JSON Check

Validate JSON (and optionally JSONP) and check for syntax errors.

CodeJSONValidation

Dummy Text

Generate placeholder text for design and wireframes.Supports presets or custom text and outputs a specified character count.

TextDesign

HTML Entities

Encode and decode HTML entities (e.g. & ↔ &).

EncodingHTMLCode
DesignCSSCode