CSS3 | Créa-blog https://blog.crea-troyes.fr Ressources pour développeur web Mon, 22 Jun 2026 17:29:06 +0000 fr-FR hourly 1 https://wordpress.org/?v=7.0 https://blog.crea-troyes.fr/wp-content/uploads/2024/03/logo.png CSS3 | Créa-blog https://blog.crea-troyes.fr 32 32 Animation ancre de lien en CSS : Un effet moderne en CSS pur https://blog.crea-troyes.fr/16141/animation-ancre-de-lien-en-css-un-effet-moderne-en-css-pur/ Mon, 22 Jun 2026 17:27:32 +0000 https://blog.crea-troyes.fr/?p=16141 Créez une ancre de lien animée en CSS pur pour améliorer la navigation de vos pages. Une technique simple, moderne et sans JavaScript qui rend immédiatement vos contenus plus agréables à parcourir.

Lien vers l'article : Animation ancre de lien en CSS : Un effet moderne en CSS pur.

]]> Dessiner un triangle en CSS grâce à la propriété border https://blog.crea-troyes.fr/16026/dessiner-un-triangle-en-css-grace-a-la-propriete-border/ Fri, 19 Jun 2026 09:51:59 +0000 https://blog.crea-troyes.fr/?p=16026 Apprenez à créer facilement un triangle en CSS grâce à la propriété border. Une technique simple, légère et pratique pour réaliser flèches, infobulles et éléments graphiques sans utiliser d'images supplémentaires.

Lien vers l'article : Dessiner un triangle en CSS grâce à la propriété border.

]]> Animation CSS d’un champ input radio : Tuto + code https://blog.crea-troyes.fr/15800/animation-css-dun-champ-input-radio-le-guide-complet/ Sun, 14 Jun 2026 15:21:31 +0000 https://blog.crea-troyes.fr/?p=15800 Apprenez à transformer un simple champ input radio en élément moderne et interactif grâce à des animations CSS fluides. Des exemples concrets pour améliorer facilement l'expérience utilisateur de vos formulaires web.

Lien vers l'article : Animation CSS d’un champ input radio : Tuto + code.

]]> La propriété CSS letter-spacing pour animer une Checkbox https://blog.crea-troyes.fr/15703/la-propriete-css-letter-spacing-pour-animer-une-checkbox/ Thu, 11 Jun 2026 16:18:39 +0000 https://blog.crea-troyes.fr/?p=15703 Apprenez à créer une animation checkbox élégante en CSS grâce à la propriété letter-spacing. Une technique simple, moderne et sans JavaScript pour rendre vos formulaires plus interactifs et professionnels facilement.

Lien vers l'article : La propriété CSS letter-spacing pour animer une Checkbox.

]]> Checkbox CSS : 5 styles modernes à copier / coller https://blog.crea-troyes.fr/15408/checkbox-css-5-styles-modernes-a-copier-coller/ Sat, 30 May 2026 20:53:51 +0000 https://blog.crea-troyes.fr/?p=15408 Apprenez à styliser des checkbox CSS modernes avec des effets minimalistes, animés et interactifs. Un tutoriel simple pour améliorer vos formulaires HTML grâce à exemples pratiques, accessibles même si vous débutez en CSS.

Lien vers l'article : Checkbox CSS : 5 styles modernes à copier / coller.

]]> Marquer un lien externe en CSS facilement : Icône flèche https://blog.crea-troyes.fr/15288/marquer-un-lien-externe-en-css-facilement-icone-fleche/ Mon, 25 May 2026 19:41:52 +0000 https://blog.crea-troyes.fr/?p=15288 Apprenez à marquer automatiquement un lien extérieur en CSS ayant target="_blank". Une technique simple pour améliorer l’expérience utilisateur, ajouter une icône flèche élégante et rendre vos liens externes plus clairs sur votre site web.

Lien vers l'article : Marquer un lien externe en CSS facilement : Icône flèche.

]]> CSS bouton radio : 5 exemples de design moderne en 2026 https://blog.crea-troyes.fr/15142/css-bouton-radio-5-exemples-de-design-moderne-en-2026/ Fri, 22 May 2026 19:33:45 +0000 https://blog.crea-troyes.fr/?p=15142 Découvrez comment transformer un simple bouton radio HTML en interface moderne grâce à cinq designs CSS élégants, responsives et accessibles Cartes interactives, toggles futuristes et effets premium amélioreront l’expérience utilisateur de formulaires.

Lien vers l'article : CSS bouton radio : 5 exemples de design moderne en 2026.

]]> Aligner les nombres en CSS font-variant-numeric et font-feature-settings https://blog.crea-troyes.fr/14981/aligner-les-nombres-en-css-font-variant-numeric-et-font-feature-settings/ Tue, 19 May 2026 20:27:09 +0000 https://blog.crea-troyes.fr/?p=14981 Quand on affiche des prix, des statistiques ou des tableaux en CSS, un détail saute vite aux yeux : les chiffres ne sont pas toujours parfaitement alignés. Résultat, vos colonnes peuvent paraître légèrement désordonnées, même avec un design propre. Heureusement, CSS propose des solutions simples et élégantes pour aligner les nombres avec font-variant-numeric et font-feature-settings. Dans ce tutoriel...

Lien vers l'article : Aligner les nombres en CSS font-variant-numeric et font-feature-settings.

]]> Backdrop-filter CSS : Effet de flou dynamique au scroll https://blog.crea-troyes.fr/14686/backdrop-filter-css-effet-de-flou-dynamique-au-scroll/ Tue, 12 May 2026 20:55:20 +0000 https://blog.crea-troyes.fr/?p=14686 Effet de verre dépoli, transparence moderne et animation fluide : apprenez à créer un header dynamique avec backdrop-filter en CSS et JavaScript grâce à un tutoriel détaillé, accessible aux débutants et facilement réutilisable partout.

Lien vers l'article : Backdrop-filter CSS : Effet de flou dynamique au scroll.

]]> Block et inline en CSS : le guide complet pour débutant https://blog.crea-troyes.fr/14554/block-et-inline-en-css-le-guide-complet-pour-debutant/ Sun, 10 May 2026 11:03:36 +0000 https://blog.crea-troyes.fr/?p=14554 Comprenez enfin pourquoi certains éléments HTML passent à la ligne tandis que d’autres restent inline. Un guide CSS simple pour maîtriser display éviter les erreurs et créer des mises en page propres.

Lien vers l'article : Block et inline en CSS : le guide complet pour débutant.

]]> Animation Background CSS : Un fond animé qui change de couleur https://blog.crea-troyes.fr/14485/animation-background-css-un-fond-anime-qui-change-de-couleur/ Thu, 07 May 2026 19:36:06 +0000 https://blog.crea-troyes.fr/?p=14485 Apprenez à créer une animation background en CSS avec un changement de couleur fluide et moderne. Un tutoriel simple et détaillé pour débutants afin d’animer facilement le fond d’une page web.

Lien vers l'article : Animation Background CSS : Un fond animé qui change de couleur.

]]> Menu coulissant moderne et responsive en CSS + code complet https://blog.crea-troyes.fr/14463/menu-coulissant-moderne-et-responsive-en-css-code-complet/ Wed, 06 May 2026 10:04:22 +0000 https://blog.crea-troyes.fr/?p=14463 Apprenez à créer un menu coulissant moderne en overlay uniquement avec HTML et CSS. Un tutoriel détaillé pour débutants afin de réaliser une navigation responsive, fluide et professionnelle sans JavaScript.

Lien vers l'article : Menu coulissant moderne et responsive en CSS + code complet.

]]> 5 exemples de tableau responsive CSS moderne + Code complet https://blog.crea-troyes.fr/14351/5-exemples-de-tableau-responsive-css-modern-code-complet/ Mon, 04 May 2026 13:42:02 +0000 https://blog.crea-troyes.fr/?p=14351 Apprenez à créer un tableau responsive en CSS à partir d’une base HTML simple. Rendez vos données lisibles sur mobile et découvrez des techniques efficaces pour adapter vos tableaux à tous les écrans.

Lien vers l'article : 5 exemples de tableau responsive CSS moderne + Code complet.

]]> Arrondir une image en CSS : Guide complet de border-radius https://blog.crea-troyes.fr/14194/arrondir-une-image-en-css-guide-complet-de-border-radius/ Wed, 29 Apr 2026 10:15:30 +0000 https://blog.crea-troyes.fr/?p=14194 Apprenez à arrondir une image en CSS facilement avec border-radius. Coins arrondis, image ronde, responsive design, exemples concrets et astuces simples pour un rendu moderne et professionnel facilement.

Lien vers l'article : Arrondir une image en CSS : Guide complet de border-radius.

]]> Comment centrer une div en CSS facilement https://blog.crea-troyes.fr/14110/comment-centrer-une-div-en-css-facilement/ Sun, 26 Apr 2026 10:12:03 +0000 https://blog.crea-troyes.fr/?p=14110 Apprenez à centrer une div en CSS facilement grâce aux meilleures méthodes modernes. Flexbox, Grid, margin auto et astuces responsive pour créer des mises en page propres rapidement.

Lien vers l'article : Comment centrer une div en CSS facilement.

]]> Effet de surlignage animé CSS : Tutoriel + code complet https://blog.crea-troyes.fr/14080/effet-de-surlignage-anime-css-tutoriel-code-complet/ Sat, 25 Apr 2026 17:48:11 +0000 https://blog.crea-troyes.fr/?p=14080 Apprenez à créer un effet de surlignage animé en CSS pour moderniser vos textes. Tutoriel simple, design élégant, hover fluide, personnalisable et accessible même aux débutants sur web.

Lien vers l'article : Effet de surlignage animé CSS : Tutoriel + code complet.

]]> Exemples de bouton like en CSS : WebDesign + Code complet https://blog.crea-troyes.fr/14026/exemples-de-bouton-like-en-css-webdesign-code-complet/ Fri, 24 Apr 2026 09:13:42 +0000 https://blog.crea-troyes.fr/?p=14026 Créez un bouton like en CSS pur avec deux exemples complets, modernes et animés. Apprenez à améliorer l’interactivité de votre site sans JavaScript, simplement avec HTML et CSS.

Lien vers l'article : Exemples de bouton like en CSS : WebDesign + Code complet.

]]> Design pagination : 4 exemples CSS modernes + Code complet https://blog.crea-troyes.fr/14000/design-pagination-4-exemples-css-modernes-code-complet/ Thu, 23 Apr 2026 10:27:42 +0000 https://blog.crea-troyes.fr/?p=14000 Améliorez le design de vos pagination avec 4 exemples modernes en CSS. Apprenez à créer une navigation fluide, responsive et efficace pour booster l’expérience utilisateur et le référencement naturel de votre site web.

Lien vers l'article : Design pagination : 4 exemples CSS modernes + Code complet.

]]> Coder une FAQ en CSS pur et optimisée SEO : Code complet https://blog.crea-troyes.fr/13961/coder-une-faq-en-css-pur-et-optimisee-seo-code-complet/ Wed, 22 Apr 2026 10:55:51 +0000 https://blog.crea-troyes.fr/?p=13961 Apprenez à créer une FAQ en CSS pur, élégante et rapide. Cette foire aux questions optimise votre SEO, améliore l’expérience utilisateur et s’intègre facilement à tous vos projets web.

Lien vers l'article : Coder une FAQ en CSS pur et optimisée SEO : Code complet.

]]> Barre de recherche extensible CSS : Tutoriel + Code complet https://blog.crea-troyes.fr/13893/barre-de-recherche-extensible-css-tutoriel-code-complet/ Sun, 19 Apr 2026 09:03:35 +0000 https://blog.crea-troyes.fr/?p=13893 Créez une barre de recherche extensible moderne en HTML, CSS et JavaScript. Un tutoriel complet, accessible aux débutants, pour améliorer design, interactivité et expérience utilisateur sur votre site web.

Lien vers l'article : Barre de recherche extensible CSS : Tutoriel + Code complet.

]]>