Design und Assets

Glass Panel CSS Generator

Erzeuge glassmorphism panel CSS.

Eingabe

Glass Panel CSS Generator

glassmorphismcssui carddesign

Ausgabe

Glass Panel CSS Generator

.glass-panel {
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, #38bdf8 35%, white);
  background: color-mix(in srgb, #0f172a 22%, transparent);
  backdrop-filter: blur(12px);
}

Ähnliche Tools

Farbe Konverter

Convert between HEX, RGB, und HSL Farbe fürmats.

CSS Gradient Generator

Erzeuge a linear gradient und copy the CSS instantly.

Favicon Generator

Create a simple SVG favicon aus initials und brund Farbes.

SVG Optimizer

Strip comments und collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments und extra whitespace.

CSS fürmatierer

Pretty-print CSS mit readable indentation.