#CSSBattleSolution
🎯 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 Vendredi, 25 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 25, 2026 at 2:04 PM
🎯 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 Jeudi, 24 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 24, 2026 at 5:02 PM
🎯 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 Mercredi, 23 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 23, 2026 at 5:22 PM
🎯 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 Mardi, 22 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 22, 2026 at 2:17 PM
🎯 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 Samedi, 19 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 18, 2026 at 4:09 PM
🎯 CSS Battle Dimanche, 28 Juin 2026

Ce n'était pas tant le Pac-Man qui était intéressant aujourd'hui mais plutôt sa bouche et le diamant qu'il s'apprête à manger.
youtu.be/LwtWthoUCl8

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #cssbattlesolution
🎯 CSS Battle Dimanche, 28 Juin 2026
YouTube video by Olivier Maghe
youtu.be
June 28, 2026 at 8:50 PM
🎯 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 Vendredi, 18 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 17, 2026 at 7:52 PM
🎯 CSS Battle Mercredi, 19 Août 2026

le `body` côté arrondi pour former la porte du château, en superposition au `html` qui formera les murs.
youtu.be/sNJqW-f5y5E

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #cssbattlesolution

cssbattle.oliviermaghe.com
🎯 CSS Battle Mercredi, 19 Août 2026
YouTube video by Olivier Maghe
youtu.be
August 19, 2026 at 6:56 PM
🎯 CSS Battle Dimanche, 19 Juillet 2026

Comme la couleur noire est la couleur des `box-shadow`, j'ai décidé de tout jouer sur ça
youtu.be/sBzRT73N9Uw

#CSS #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #cssbattlesolution
🎯 CSS Battle Dimanche, 19 Juillet 2026
YouTube video by Olivier Maghe
youtu.be
July 19, 2026 at 1:46 PM
🎯 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 Mercredi, 16 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 16, 2026 at 3:07 PM
🎯 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 Mardi, 15 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 15, 2026 at 6:51 PM
🎯 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 Dimanche, 13 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 13, 2026 at 10:01 AM
🎯 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 Samedi, 12 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 12, 2026 at 12:50 PM
🎯 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 Vendredi, 11 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 11, 2026 at 5:04 PM
🎯 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 Mercredi, 9 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 9, 2026 at 4:08 PM
🎯 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 Mardi, 8 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 8, 2026 at 11:14 AM
🎯 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 Lundi, 7 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 7, 2026 at 1:27 PM
🎯 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
🎯 CSS Battle Dimanche, 6 Septembre 2026
YouTube video by Olivier Maghe
youtu.be
September 6, 2026 at 11:07 AM
🎯 CSS Battle Jeudi, 27 Août 2026

Jouer avec les `border` pour la perspective. Caractère blanc insécable pour le border-collapse
#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

youtu.be/ijLEI7PYep8
cssbattle.oliviermaghe.com
🎯 CSS Battle Jeudi, 27 Août 2026
YouTube video by Olivier Maghe
youtu.be
August 27, 2026 at 1:00 PM
🎯 CSS Battle Lundi, 24 Août 2026

Premier succès avec `border-image`

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

N'oubliez pas de liker la vidéo 👍 et de vous abonner ! 🔔
youtu.be/dLeqeOsLo7k
cssbattle.oliviermaghe.com
🎯 CSS Battle Lundi, 24 Août 2026
YouTube video by Olivier Maghe
youtu.be
August 24, 2026 at 7:46 PM
🎯 CSS Battle Samedi, 22 Août 2026

Combinons les différents types de border et outline: dotted, dashed et solid, 3 variantes ! 🧐
#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution
youtu.be/MSJsvjivyJo
🎯 CSS Battle Samedi, 22 Août 2026
YouTube video by Olivier Maghe
youtu.be
August 22, 2026 at 4:02 PM
🎯 CSS Battle Vendredi, 21 Août 2026

Si le `html` fait l'entièreté du canvas, alors le `body` qui se trouve à l'intérieur du `html` peut recevoir le `-webkit-box-reflect`
#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #CSSBattleSolution

youtu.be/7a2tH9iWdPQ
🎯 CSS Battle Vendredi, 21 Août 2026
YouTube video by Olivier Maghe
youtu.be
August 21, 2026 at 5:27 PM
🎯 CSS Battle Jeudi, 20 Août 2026

La difficulté d'aujourd'hui, c'était cette barre horizontale qui ne sortait pas du rond central... Comment la faire ?

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

youtu.be/fYd7xIkVSag

cssbattle.oliviermaghe.com
Google Search
www.google.com
August 20, 2026 at 4:30 PM
🎯 CSS Battle Mardi, 18 Août 2026

L'utilisation d'un `conic-gradient` permet de faire le H assez facilement.
youtu.be/7KqQKOqQyr0

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #cssbattlesolution

(cssbattle.oliviermaghe.com)
🎯 CSS Battle Mardi, 18 Août 2026
YouTube video by Olivier Maghe
youtu.be
August 18, 2026 at 5:52 PM
🎯 CSS Battle Samedi, 15 Août 2026

`box-shadow` distribués aux 4 coins de l'écran. L'ordre des couches est crucial
youtu.be/8jt9_VDKciw

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench #cssbattlesolution

cssbattle.oliviermaghe.com
🎯 CSS Battle Samedi, 15 Août 2026
YouTube video by Olivier Maghe
youtu.be
August 16, 2026 at 12:44 PM