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), vol d'un papillon (Machaon) : 2/07/2017

This animation is a dedication for J Law (Jennifer)

Voici un vol de papillon (le plus beau papillon en France selon moi, le machaon, mais les goûts et couleurs...) uniquement fait avec les CSS (votre navigateur doit supporter la norme CSS3).

Pour ce papillon, j'ai pris une photo de papillon, j'en ai fait 3 extraits (aile gauche, aile droite et corps) avec GIMP (pour le découpage au lasso) et MtPaint (pour la transparence GIF). Ensuite, il n'y a qu'à utiliser les possibilités de perspective des CSS (avec la propriété "perspective" et en utilisant des héritages de propriété et la clause "animation" de CSS)

Vous pouvez utiliser le code source (en affichant le source de la page et utilisant le fichier CSS. J'ai conçu cette animation à partir de la possibilité de faire de la 3D avec des cadres en CSS3.

Liens directs

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