ALBATROS CONCEPT 
Accueil : Contact : Tarifs : Présentation
   Assistance informatique      Développement Web      Formation      Logiciels      Multimedia   
Texte si le navigateur ne supporte pas le HTML Canvas
Pseudo ou Email
Mot de passe
S'inscrire
Mot de passe perdu ? Email non reçu ?
Développeur web expert, PHP5, MySQL5, JavaScript, HTML5, LE MANS METROPÔLE

Exemple de démo d'animation CSS3 (feuilles de style en cascade HTML5) cube, octaèdre, feuillet et boite ouvrante : 1/07/2017

Vous avez ici 4 animations n'utilisant QUE les CSS (votre navigateur doit supporter la norme CSS3).

Vous pouvez utiliser le code source (en affichant le source de la page et utilisant le fichier CSS. Dans le code source chaque partie est décrit par un menu HTML :

  • cube en caroussel
  • hexagone en caroussel
  • feuilletage en caroussel
  • boite qui s'ouvre
J'ai conçu ces animations à partir de la possibilité de faire de la 3D avec des cadres en CSS3. Il m'a fallu faire un peu de maths, de la trigonométrie et de la géométrie dans l'espace pour affiner les coordonnées de certaines animations. Une version JavaScript (utilisant des automatismes des calculs) sera bientôt disponible pour créer des carroussels avec un nombre de faces pouvant aller de 3 à 20!

Liens directs

Valid CSS :: Valid XHTML
Copyright © 2011 par Albatros Concept
Maquette graphique par: GET CSS TEMPLATES modifiée par Albatros Concept