CSS
Transformez vos extraits CSS en images que l’on a envie de partager, sans quitter votre Mac.
Le CSS vaut une capture quand ce sont les valeurs qui comptent : un dégradé, une définition de grille, un jeu de propriétés personnalisées.
Codeshot détecte CSS à partir du code que vous collez : aucun sélecteur de langage à se tromper. Voici le même extrait dans trois des 30 thèmes fournis, rendus avec les feuilles de style de l’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%);
}Dans la plupart des extraits CSS, les valeurs de couleur sont le sujet : prenez un thème qui ne leur fait pas concurrence. Les thèmes neutres marchent mieux ici que les colorés.
Laissez l’image suivre votre contenu ou fixez un rapport — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 ou 3:4 — puis exportez en 1×, 2× ou 3× pour qu’elle reste nette sur un écran retina. Copiez-la dans le presse-papiers avec ⌘⇧C ou enregistrez avec ⌘S.
Voyez les 30 thèmes côte à côte ou lisez le déroulé complet.
Tout tourne sur votre Mac. Votre code ne le quitte jamais.