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

Hero Background CSS مولد

إنشاء hero background CSS.

الإدخال

Hero Background CSS مولد

hero backgroundcss gradientlanding pagedesign

الإخراج

Hero Background CSS Generator

.hero-bg {
  background:
    radial-gradient(circle at 20% 10%, color-mix(in srgb, #0ea5e9 45%, transparent), transparent 45%),
    radial-gradient(circle at 80% 0%, color-mix(in srgb, #1e293b 35%, transparent), transparent 40%),
    linear-gradient(145deg, #1e293b, #0ea5e9);
}

أدوات مشابهة

لون محول

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

CSS Gradient مولد

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

Favicon مولد

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

SVG Optimizer

Strip comments و collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments و extra whitespace.

CSS منسق

Pretty-print CSS مع readable indentation.