CSS
Trasforma gli snippet CSS in immagini che vale la pena condividere, senza uscire dal tuo Mac.
Il CSS vale uno screenshot quando contano i valori: un gradiente, una definizione di griglia, un insieme di proprietà personalizzate.
Codeshot riconosce CSS dal codice che incolli, quindi non c’è nessun selettore di linguaggio da sbagliare. Ecco lo stesso snippet in tre dei 30 temi inclusi, resi con i fogli di stile dell’app.
:root {
--ink: #0d0d10;
--blue: #1769ff;
}
.snapshot {
display: grid;
gap: clamp(0.5rem, 2vw, 1.5rem);
border-radius: 14px;
box-shadow: 0 18px 40px rgb(23 23 32 / 12%);
}:root {
--ink: #0d0d10;
--blue: #1769ff;
}
.snapshot {
display: grid;
gap: clamp(0.5rem, 2vw, 1.5rem);
border-radius: 14px;
box-shadow: 0 18px 40px rgb(23 23 32 / 12%);
}:root {
--ink: #0d0d10;
--blue: #1769ff;
}
.snapshot {
display: grid;
gap: clamp(0.5rem, 2vw, 1.5rem);
border-radius: 14px;
box-shadow: 0 18px 40px rgb(23 23 32 / 12%);
}Nella maggior parte degli snippet CSS il punto sono i valori di colore, quindi scegli un tema che non li contrasti. Qui i temi neutri funzionano meglio di quelli colorati.
Lascia che l’immagine segua il contenuto o bloccala su un rapporto — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4 — poi esporta a 1×, 2× o 3× così resta nitida su uno schermo retina. Copiala negli appunti con ⌘⇧C oppure salvala con ⌘S.
Guarda tutti i 30 temi a confronto oppure leggi il flusso completo.
Tutto gira sul tuo Mac. Il tuo codice non lo lascia mai.