Coder un slider en CSS super facilement

[@EcoleduWeb]

🎓 Tous mes cours sur l'École du Web (pour les obtenir tous d'un coup) : www.ecole-du-web.net/ 📚 Tous mes cours sur UDEMY : liste-des-cours.com/

[@LePhenixGD]

Super cool la formule pour faire une pause ! Je savais déjà faire une pause avec les keyframes, mais je n'avais pas un moyen de le faire avec plusieurs éléments !

[@xeladre5019]

Honnetement je ne comprend pas pourquoi tu n'arrive pas a percer car ton travail est vraiment FOU ! Merci a toi et bonne chance

[@EcoleduWeb]

Merci beaucoup, et je suis déjà satisfait de mon actuelle percée 😁

[@ambreblanc8815]

Le travail de Enzo est remarquable, ses formations au top ! 💖 Pas besoin d'avoir une chaîne trop "grand public"! Et puis ça veut dire quoi "percer" ? Ici, on fait du code front-end, on n'est pas dans le monde du divertissement... 😉

[@mah_moud224]

Parfaitement bien expliqué 🫡

[@fayardfayard9926]

Très bonne explication.

[@Histoires_Citations]

Belle vidéo ! Explicatives claires

[@kinsou3865]

j'ai bien aimer, ça serait cool des vidéos sur des langage plus orienté C#, Python, etc je pense que ça plairait 🙂

[@khaledsanny4817]

lol non ça plairait pas 😂 que C#… cette chaîne est axé frontend … faut pas perdre son identité

[@nawalmouhallil99]

bonsoir; un grand merci pour sette video interessante , juste une question, comment inserer des images aulieu du texte et faire une galerie mais elle stoppe dan la derniére image? merci d'avance

[@moiselelonkongo6111]

très cool une explication très lucide merci.

[@bernadetkn]

Salut je me demande si ce processus peut fonctionner avec des images à la place du texte ?

[@mohammedelhoussni]

Trés bon technique merci

[@rocramos6091]

Super vidéo comme l'ensemble de tes contenus et tes formations. J'aurais cependant une question. Tu penses pas que ce slider dans l'état actuel si on le garde comme ça poserait un problème de UX ? C'est-à-dire qu'il défile à l'infini sans que l'utilisateur puisse ni l'arrêter ni passer à la slide ou slide précédente ? Bonnes fêtes de fin d'année

[@EcoleduWeb]

Salut et merci ! Tout dépend de l'utilisation, je vois bien ce Slider pour un composant "testimonials" par exemple. Mais si l'utilisateur cherche à le manipuler, alors il vaut mieux utiliser du JS en effet 👍

[@choukrout428]

Bonjour, quand je nomme l'animation, ca ne fonctionne pas, je ne trouve pas où j'ai fait une erreur😅

[@EcoleduWeb]

Salut, le code est en description 👍

[@TheGetbackers007]

Super vidéo ! Est-ce possible de l'améliorer pour que l'animation se lance par un clic et non automatiquement toujours en pure CSS ? Si oui , comment ? Merci d'avance !

[@EcoleduWeb]

Merci ! On peut, notamment avec l'astuce des checkboxes et la pseudo-classe :checked. Néanmoins, ça allourdit pas mal le code et ce n'est pas super maintenable.

[@nutnut4868]

Hello! C'est quoi le nom de cet ide svp?? mercii :)

[@EcoleduWeb]

Hallo, VS CODE

[@freedyx2.045]

Ça marche avec des photos je suppose ?

[@EcoleduWeb]

Tu supposes bien

[@alyssaaly7442]

Merci pour la vidéo, y'en n'a pas bcp qui expliquent le principe du slide , mais c'est pas très clair... dommage :( essayé de le faire avec 2 images ca n'a pas fonctionné

[@EcoleduWeb]

Salut, le code est en description et il suffit de remplacer le texte par des images ...

[@abdoulayeyerodiallo73]

Super

[@brunoroullier6989]

Merci pour ta vidéo. J'ai voulu mettre des images et je n'y suis pas arrivé snifff. Si tu pouvais en faire une vidéo complémentaire ca serait cool. Merci

[@EcoleduWeb]

Salut, il suffit de remplacer les paragraphes par des images qui prennent 100% de la hauteur + largeur + object-fit:cover

[@el_maroquino1476]

Dommage que ce ne soit pas un code qui s'adapte automatiquement au nombre d'éléments qu'il faut slider

[@EcoleduWeb]

Yep, dans ce cas-là il faut ajuster les calculs, mais c'est déjà sympa pour du pur CSS.

[@sandrine6466]

Salut @ledesignerduweb comment fais tu si tu veux rajouter du texte sur une slide ?