CSS फ़ॉर्मैटर
CSS फ़ॉर्मैट, सुंदर और मिनिफ़ाई करें
इंडेंट:
इनपुट
आउटपुट
फ़ॉर्मैट किया गया CSS यहाँ दिखेगा...
उदाहरण
| प्रकार | CSS | लागू करें |
|---|---|---|
| फ़ॉर्मैट करें | .card{display:flex;gap:8px;padding:12px 16px}.card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)} | |
| फ़ॉर्मैट करें | @media (max-width:640px){.nav{flex-direction:column}.nav a{padding:8px}} | |
| फ़ॉर्मैट करें | :root{--brand:#6366f1;--space:8px}.btn{background:var(--brand);padding:var(--space) calc(var(--space)*2)} | |
| फ़ॉर्मैट करें | @keyframes pulse{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}.dot{animation:pulse 2s ease-in-out infinite} | |
| मिनिफ़ाई करें | a { color: red; text-decoration: none; } a:hover { color: blue; } | |
| मिनिफ़ाई करें | /* layout */ .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } |