Striped Background CSS Generator

Generates CSS code to create a striped background.
The angle, width, color, and spacing of the stripes can be freely customized.
The output CSS code can be easily used by copy and paste.

Sponsored Links

You can choose from a wide variety of design templates to customize your own.
(*Current customization status will be reset.)

Customization

deg

▼ Pattern

Sortable by drag & drop

  • px

  • px

Additional Setting

CSS Code

.stripe {
  background-image: repeating-linear-gradient(45deg, #06b6d4, #06b6d4 10px, transparent 10px, transparent 20px);
}

Notes

  • It is intended for use with modern browsers and may contain CSS properties that are not supported by IE or older versions of browsers.
  • The reset CSS of this site is based on “modern-normalize.css”. Depending on the reset CSS and other stylesheets loaded in your project, there may be differences from the preview appearance.

\ Share on SNS /

Sponsored Links

Tools

CSS Generators

UI Parts Generators

HTML Converters

Image Generators