Passer au contenu principal
Uddatak

Générateur Glassmorphism CSS

Ajustez le flou d'arrière-plan, la couleur et l'opacité de la teinte du verre, l'opacité de la bordure et l'arrondi des coins avec des curseurs en direct sur un arrière-plan coloré, puis copiez le code CSS exact (avec le préfixe WebKit pour Safari inclus).

Outils Design et CSS Fonctionne entièrement dans votre navigateur

Tout le traitement se fait sur votre appareil — rien n'est envoyé à un serveur.

Code CSS

background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.30);
border-radius: 20px;

Continuer avec

Entièrement local

Générateur de box-shadow CSS

Concevez visuellement un box-shadow CSS avec des curseurs et copiez le code généré.

Outils Design et CSSOuvrir l'outil
Entièrement local

Générateur de border-radius CSS

Concevez visuellement des coins arrondis — y compris des formes asymétriques — et copiez le code CSS.

Outils Design et CSSOuvrir l'outil
Entièrement local

Générateur de dégradé CSS

Créez visuellement un dégradé CSS linéaire ou radial et copiez le code.

Outils Design et CSSOuvrir l'outil

Outils similaires

Entièrement local

Générateur de mise en page CSS Grid & Flexbox

Concevez visuellement une mise en page Grid ou Flexbox avec un aperçu en direct et copiez le code CSS prêt à l'emploi.

Outils Design et CSSOuvrir l'outil
Entièrement local

Convertisseur de texte en écriture manuscrite

Transformez du texte tapé en une image qui ressemble à de l'écriture manuscrite sur papier ligné, avec plusieurs styles d'écriture.

Outils Design et CSSOuvrir l'outil
Entièrement local

Générateur de blobs et motifs d'arrière-plan SVG

Générez une forme organique aléatoire (blob) ou un motif d'arrière-plan répétitif sans couture en SVG, et copiez ou téléchargez-le.

Outils Design et CSSOuvrir l'outil
Entièrement local

Générateur d'animations CSS Keyframe

Concevez une animation CSS visuellement (apparition, glissement, zoom, rebond, rotation, retournement) et obtenez un code @keyframes prêt à l'emploi.

Outils Design et CSSOuvrir l'outil
Entièrement local

Générateur d'harmonie de palette de couleurs

Choisissez une couleur de base et obtenez une palette de couleurs harmonieuse (complémentaire, analogue, triadique, tétradique, monochromatique).

Outils Design et CSSOuvrir l'outil

Prêt à essayer Uddatak ?

Parcourez la bibliothèque complète d'outils et commencez à utiliser ce dont vous avez besoin dès maintenant — gratuit, sans inscription.

Parcourir tous les outils