Un slider en mode responsive développé en CSS3 uniquement

A la fois adapté aux responsive webdesign et vitaminé aux transitions CSS3, ce slider léger est très efficace.

Si vous souhaitez proposer un slider d'images sans Javascript, cette ressource vous conviendra parfaitement.

Basée sur les animations / transitions CSS3, donc compatible uniquement avec navigateurs récents (Oui, il faut sauter le pas!), ce slider est à la fois simple et design.

Le must du slider est sans doute sa réactivité au redimensionnement du navigateur.

Il dispose 3 états de présentation:

• Le mode navigateur classique avec la photo ci-dessus.
• Le mode tablette ou résolutions d'écrans basses: Les flèches de navigation sont superposées au slide

• Et le mode smartphone, ou la légende disparait:

Idéal pour une application où vous n'avez pas besoin d'être compatible avec Internet Explorer !

Il faudra toutefois inclure un javascript pour corriger un problème sur iOS, sinon la seule feuille CSS suffit!

Site Officiel