🎯 CSS Battle Samedi, 26 Septembre 2026

Trick outline layer #1 possible car rien ne dépasse le html 🧐

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution
Likez la vidéo 👍 abonnez-vous 🔔
youtu.be/udOqAde3rc0
cssbattle.oliviermaghe.com

🎯 CSS Battle Vendredi, 25 Septembre 2026

Beaucoup d'éléments qui devaient hériter de leurs parents. Gros chantier
#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution
youtu.be/eKOvo2eTKNQ

🎯 CSS Battle Jeudi, 24 Septembre 2026

Utilisation intensive de la propriété `corner-shape: notch` pour réaliser cette croix !

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

youtu.be/3KWZV6ZKOl8

🎯 CSS Battle Mercredi, 23 Septembre 2026

Simplicité `html` avec des `border-radius` et `body` qui hérite du `background` +3 `box-shadow` pour la découpe. 🧐
#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

youtu.be/V4gj2q1I5aQ

🎯 CSS Battle Mardi, 22 Septembre 2026

Pour reproduire le symbole du dollar aujourd'hui, j'ai misé sur l'astuce imparable du scale: -1 !

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

youtu.be/i0uatWO6_oM

🎯 CSS Battle Samedi, 19 Septembre 2026

Le plus important est d'abord de réussir le défi ! et après on optimise...

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

youtu.be/ipimccmqbPM

🎯 CSS Battle Vendredi, 18 Septembre 2026

Un grand classique du CSS : la création d'un triangle parfait via trois bordures transparentes et une bordure colorée

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

youtu.be/kC7aHgqUMyU

🎯 CSS Battle Mercredi, 16 Septembre 2026

Fabriquer cette image d'imprimante en full CSS

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

N'oubliez pas de liker la vidéo 👍 et de vous abonner ! 🔔
youtu.be/eKJaJ1ulsGI

🎯 CSS Battle Mardi, 15 Septembre 2026

Trick 4 img margin and conatiner margin + boder radius

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

N'oubliez pas de liker la vidéo 👍 et de vous abonner ! 🔔
youtu.be/Vzjz_l8VSXo

🎯 CSS Battle Dimanche, 13 Septembre 2026

`border-radius` et `corner-shape: notch` pour les nuls.
#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

N'oubliez pas de liker la vidéo 👍 et de vous abonner ! 🔔
youtu.be/1yYaJFPMPL4

🎯 CSS Battle Samedi, 12 Septembre 2026

J'ai regardé l'image de cette clé anglaise d'une autre façon ! `radial-gradient` `box-shadow`

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

youtu.be/imX9DAlB2D8

🎯 CSS Battle Vendredi, 11 Septembre 2026

Rien de compliqué : html border-radius body et box-shadow tout simplement ! 🧐e ?

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

youtu.be/kGSXPE4lQxs

🎯 CSS Battle Mercredi, 9 Septembre 2026

Une clepsydre, quel beau mot, et tout en CSS et box shadow

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

N'oubliez pas de liker la vidéo 👍 et de vous abonner ! 🔔
youtu.be/1_n5oI7ZW2o

🎯 CSS Battle Mardi, 8 Septembre 2026

Trick habituel de CSS golfing, font:size/lineheight 🧐
En conditions réelles
#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

youtu.be/RUGgO_ZtoiY

🎯 CSS Battle Lundi, 7 Septembre 2026

J'utilise le `radial-gradient` pour fabriquer les demi-ronds. En utilisant `at bottom`, on en fabrique un demi très facilement !
#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

youtu.be/Ejzb-YMY7hw

🎯 CSS Battle Dimanche, 6 Septembre 2026

3 elem en ligne: `img` est le bon idéal ! un `outline` sur le `html` passe au-dessus de tout, donc du `body` et même des `img`.
#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution
youtu.be/QQJ_s2sAM38