CSS to Prose AI
Export Doc
Stylesheet Input
Load Sample
.card { display: flex; flex-direction: column; padding: 1.5rem; background: #ffffff; box-shadow: 0 4px 6px rgba(0,0,0,0.1); border-radius: 8px; outline: none; } .card:hover { transform: translateY(-4px); transition: transform 0.2s ease-in-out; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .title { font-size: 10px; color: #999; }
Plain English Explanation
Rules:
0
Warnings:
0
Paste some CSS on the left to see the explanation.
Document exported!