Ressources – Un slider CSS3 3D avec navigation au clavier

Voilà une ressource qui est intéressante. C’est un slider en CSS3 3D compatible uniquement avec les navigateurs qui supportent le CSS3.

Le côté intéressant c’est également la navigation, elle se fait via le clavier (flèches directionnelles), de droite à gauche, mais aussi de haut en bas.

Je ne suis pas très très fort en développement, mais je pense qu’il y a également moyen de changer le type de navigation, passer de clavier à timer.

Voir la démo.

Télécharger le slider






L'auteur de l'article
, Directeur Artistique web. Vous pouvez voir mes travaux sur mon folio, ou me suivre sur mon Twitter.



4 commentaires

  1. 1 JohanNo Gravatar dit :

    Il faut pas beaucoup de dev pour remplacer la navigation au clavier par un timer.

    En tout cas le plugin rend particulièrement bien avec un navigateur récent. J’ai pas essayé avec une vieille bouse !

  2. 2 John's GraphismeNo Gravatar dit :

    @Johan : cool, si il ne faut pas beaucoup de temps, ça pourrait me permettre de le mettre en place pour un futur client.
    Pareil, je n’ai pas testé sur les anciens nav, faudrait tester voir à quel point c’est cassé !

  3. 3 RenardBlancNo Gravatar dit :

    personnellement j’aime beaucoup ça donne un plus dans la navigation ou l’interactivités avec ses visiteurs

  4. 4 kevinNo Gravatar dit :

    Correction, cela ne tourne qu’avec un navigateur équipé de webkit (chrome et safari).

    Dans le même esprit:
    http://www.webkit.org/blog-files/3d-transforms/morphing-cubes.html

    Ca reste des projets de type ‘lab’ mais ca promet sur l’avenir de css3.

Aucun trackback














lire plus dans Ressources (51 sur 133 articles)