No video

Tuto CSS | Les bases de l'animations + bonus

  Рет қаралды 22,068

front-end

front-end

Күн бұрын

Petit tour d'horizon sur les animations en CSS. On va y voir les transitions ainsi que les keyframes. Bob sera à nouveau le cobaille pour l'expérience ;)
#css #css3 #cssanimations
--------------------------------
Music by Oleksii Kaplunskyi from Pixabay

Пікірлер: 32
@jean-michelnogaro7471
@jean-michelnogaro7471 7 ай бұрын
Je me forme depuis quelque temps, HTML, CSS ... et je reprends les vidéos de la chaîne. Je me régale. La forme, le fond et manifestement une belle réfléxion pour présenter les choses de manière logique et simple. Beau travail !!
@tutos-front-end
@tutos-front-end 7 ай бұрын
Un grand grand merci ! Votre commentaire est très motivant 😀
@TheHakanSener
@TheHakanSener 5 ай бұрын
Je suis un développeur backend. Merci pour les vidéos de cette chaîne qui me permette de ne plus galérer.
@tutos-front-end
@tutos-front-end 5 ай бұрын
Avec plaisir 😉
@antoinecavelier3374
@antoinecavelier3374 Жыл бұрын
Petit commentaire d'encouragement, tuto clair, compréhensible, speechflow parfait! Gros pouce levé.
@tutos-front-end
@tutos-front-end Жыл бұрын
Ca fait super plaisir à lire. Un grand merci 🙂
@user-jg4fg4qo2d
@user-jg4fg4qo2d 9 ай бұрын
Merci! vos cours ont parfaitement clair, le flow n est pas trop rapide .De plus je ne connaissait pas l ouverture du bézier dans l inspecteur et sans celà les chose me paraissait bien compliquées...Vous êtes très pédagogue,je m'abonne!
@tutos-front-end
@tutos-front-end 9 ай бұрын
Merci beaucoup et bienvenue 😊
@lenaeugene3943
@lenaeugene3943 Жыл бұрын
Merci bien pour ce tuto. Ne soit pas découragé par l'absence de commentaire.
@tutos-front-end
@tutos-front-end Жыл бұрын
Merci c'est gentil, la persévérance payera j'en suis sur 🙂 Merci pour tes encouragements 😉
@zarkive43
@zarkive43 8 ай бұрын
Merci pour la vidéo ❤
@tutos-front-end
@tutos-front-end 8 ай бұрын
De rien 😊
@alexandremichel3304
@alexandremichel3304 Жыл бұрын
Salut a toi, Je suis tombé sur ta chaine il y'a peu et wow vraiment, simple efficace!Continue! Juste une questions j'essaie de refaire ton chemin en jaune et je n'y arrive pas..utilise tu du java pour le faire ou simplement html et css? Cordialement, +1 abo et like :)
@tutos-front-end
@tutos-front-end Жыл бұрын
Merci à toi et bienvenue 😉 Non il n'y a aucun javascript, tu as peut être une faute de frappe, vérifie bien que tout est bien pareil que sur la vidéo 😉
@garnierguillaume9795
@garnierguillaume9795 Жыл бұрын
1 like de plus, et je vais partager dans ma boite !
@tutos-front-end
@tutos-front-end Жыл бұрын
Oh merci beaucoup 😀
@Dingomicro
@Dingomicro Жыл бұрын
Merci pour ce tuto
@tutos-front-end
@tutos-front-end Жыл бұрын
De rien 🙂. Ca fait plaisir
@fabricebeuriot7852
@fabricebeuriot7852 2 ай бұрын
🙂 Bonjour à toi !
@tutos-front-end
@tutos-front-end 2 ай бұрын
Bonjour :)
@cristovinho
@cristovinho 10 ай бұрын
Super ta vidéo, merci beaucoup pour ton excellent travail (vidéo courte et efficace le combot parfait) ! Par contre tu dis à 2:04 que tu allais faire une vidéo expliquant pourquoi tu n'utilises plus transform : rotate mais directement rotate, où peut-on avoir l'explication stp ?
@tutos-front-end
@tutos-front-end 10 ай бұрын
Très bonne remarque ! C'est passé à la trape mais j'essaierai de faire cette vidéo prochainement 😉 Merci en tout cas pour ton retour 🙂
@kalan4284
@kalan4284 6 ай бұрын
Merci bg
@tutos-front-end
@tutos-front-end 6 ай бұрын
De rien bg 😉
@Fred3dDigitalPainting
@Fred3dDigitalPainting 6 ай бұрын
Bonjour. Comment déplacer bob lorsqu'on survole une div où il se trouve ? Je sais le faire en survolant bob mais pas lorsque je survole un autre élément. Il faudrait pouvoir l'imbriquer...
@tutos-front-end
@tutos-front-end 5 ай бұрын
Un sélecteur du genre devrait fonctionner : .parent:hover .enfant 😉
@Fred3dDigitalPainting
@Fred3dDigitalPainting 5 ай бұрын
@front-end J'ai testé avec &:hover en scss par imbrication. Au final, j'ai opté pour du JS. Parfois, on reste bloqué des heures sur une chose simple. Grâce à toi, nous progressons. Merci ! 👍
@louis_poleym1261
@louis_poleym1261 10 ай бұрын
Petite question ( je suis en retarf sur la vidéo) est ce que le scale ou d'autre propriétées marches sur du text normal ? Merci
@tutos-front-end
@tutos-front-end 10 ай бұрын
Tout à fait, la propriété scale va mettre à l'échelle n'importe quel élément, indépendamment de ces propriétés. C'est d'ailleurs plus propre/opti de créer une animation qui agrandit un texte avec scale, qu'avec la propriété font-size 😉
@louis_poleym1261
@louis_poleym1261 10 ай бұрын
@@tutos-front-end ok merci beaucoup
@besimfejzullahu1702
@besimfejzullahu1702 2 ай бұрын
Merci. Et apres demain tu vas encore te rapeller de toutes ces règles ? 😅
@tutos-front-end
@tutos-front-end 2 ай бұрын
Si on utilise des concepts régulièrement on retient facilement, donc oui, tout à fait possible 😉
Learn CSS Animations In 20 Minutes - For Beginners
21:22
Slaying The Dragon
Рет қаралды 1 МЛН
Нашли чужие сети в озере..💁🏼‍♀️🕸️🎣
00:34
Connoisseur BLIND420
Рет қаралды 3,5 МЛН
7 Days Stranded In A Cave
17:59
MrBeast
Рет қаралды 80 МЛН
小丑把天使丢游泳池里#short #angel #clown
00:15
Super Beauty team
Рет қаралды 42 МЛН
Créer facilement des animations (CSS)
25:13
Believemy • Apprendre à coder
Рет қаралды 24 М.
Comprendre Flexbox en 22 minutes. (et pas une de plus) 📦
22:28
École du Web
Рет қаралды 4,8 М.
Tuto | Les bases de l'animation avec GSAP en 10 minutes
10:16
front-end
Рет қаралды 13 М.
Les 14 effets à connaître en 2023
11:51
Benjamin Code
Рет қаралды 122 М.
Tuto CSS | Bien comprendre ::before et ::after
8:59
front-end
Рет қаралды 11 М.
99% des développeurs ignorent cette règle en CSS
7:03
Benjamin Code
Рет қаралды 74 М.
Нашли чужие сети в озере..💁🏼‍♀️🕸️🎣
00:34
Connoisseur BLIND420
Рет қаралды 3,5 МЛН