logo-k-graphiste

▷ 3 Supers Carrousels développés en HTML, CSS et JS

Les carrousels vous serviront pour mettre en valeur la richesse de contenu sur votre page. Entre gros titres, textes, photos, vous avez vraiment beaucoup de choix pour son apparence et son design. Mais encore faut-t-il avoir des bases de connaissances en HTML et CSS pour développer son premier carrousel ! N’oublions pas qu’il existe également des extensions pour WordPress qui permettent de créer des carrousels. Plus simplement, c’est certains, mais souvent très limités en terme de créativité et de design. Grâce à l’expérience utilisateur que la création d’un Carrousel sur-mesure vous proposent, j’ai décidé de vous établir une liste de 3 carrousels intéressants et à mettre en œuvre sur son site. Vous pourrez simplement adapter à votre guise, grâce à quelques connaissances de bases.

Carrousels en CSS
Sommaire

1 – Carrousel développé en 3D

Ce type de carrousel peut vous servir si vous souhaitez afficher une galerie photo sur votre site. Lorsque l’internaute clique, il peut scroller horizontalement et les photos défilent en fonction de son mouvement. Ce type de carrousel est sympa si vous êtes photographe, testez-le sur une section de votre site web !

2 – Carrousel animé et design

Les animations sur ce carrousel sont juste parfaites !

Grâce au JavaScript, vous pouvez faire varier les animations du carrousel en fonction des scrolls de la souris, ou bien même des clics. Vous pouvez facilement intégrer celui-ci à votre site !

Pour remplacer le visuel, vous devrez simplement l’exporter à la bonne taille et le remplacer par les valeurs dans les balises <figure>. Les dimensions de chaque photo est de 320px par 130px.

Veilliez bien à augmenter la résolution à l’export de votre fichier pour qu’il soit intégré avec la meilleure qualité possible ! Vous pouvez également développer votre propre design sur ce magnifique carrousel.

3 – Carousel simple et épuré

Ce carrousel présente un design très épuré au fond vert et permettant de mettre clairement en valeur vos photos !

Il a la particularité d’avoir été créés en SCSS afin de faciliter les attributs grâce aux variables. Cela pourrait vous donner quelques idées de design et sublimer votre page web.

Vous pouvez donc l’utiliser sur votre site en l’adaptant à vos besoins.

Les photos sont au format portrait mais vous pouvez également intégrer un format paysage ou carré.

Parcourez d'autres articles
Visuels 100% uniques

Recevez des créations graphiques personnalisées aux couleurs de votre charte graphique

Mise en page optimisée

Mettez en avant les éléments essentiels grâce à une communication visuelle travaillée

Fichiers vectoriels + HD

Téléchargez tous les fichiers nécessaires à la publication & aux modifications de vos visuels graphiques

Visualisez vos modèles graphiques en ligne

Échangez facilement avec votre designer graphique & visualisez vos projets graphiques en ligne. 

Discutez en toute liberté avec votre graphiste sur une fenêtre de conversation instantané. 

Soyez libre de donner votre avis sur chacune des réalisations graphiques & demandez des modifications directement.

Vous recevez une notification par mail ou directement sur votre téléphone si vous possédez l’application K-Graphiste.

Demandez vos retouches et donnez votre avis facilement entre chaque proposition graphique. Joignez des pièces jointes si besoin.

Téléchargez un dossier complet avec votre création graphique, vos déclinaisons & les fichiers sources.

espace-client-k-graphiste

Échangez avec votre graphiste en ligne facilement

Téléchargez votre dossier complet au format ZIP

Découvrez toutes les propositions graphiques

Incluez des exemples de design dans votre réponse

+ 0
Solutions de communication
+ 0
Clients depuis 2019
+ 0
Réalisations graphiques
kevin-benabdelhak
Kevin Benabdelhak

Je suis Kevin Benabdelhak, un graphiste freelance spécialisé en communication visuelle & stratégie marketing. Créateur de K-Graphiste, mon but est d’aide votre entreprise à communiquer et à se démarquer.

K-Graphiste

GRATUIT
VOIR