التصميم والموارد

Dot Pattern CSS مولد

إنشاء dotted background CSS pattern.

الإدخال

dot patternbackgroundcssdesign

الإخراج

.dot-pattern {
  background-color: #ffffff;
  background-image: radial-gradient(#cbd5e1 1px, transparent 2px);
  background-size: 20px 20px;
}

أدوات مشابهة

Convert between HEX, RGB, و HSL لون لـmats.

إنشاء a linear gradient و copy the CSS instantly.

Create a simple SVG favicon من initials و brو لونs.

Strip comments و collapse whitespace in SVG markup.

Minify CSS by removing comments و extra whitespace.

Pretty-print CSS مع readable indentation.