RGweb.fr : Le blog de Rémi Garcia sur l'actualité du web, le webdéveloppement, le webdesign, webmarketing, SEO, inspiration, ...

Petit tutoriel par CSS-TRICKS permettant de créer des textes en 3D juste avec CSS3. La méthode est simple : créer plusieurs ombres sur le texte (avec la propriété text-shadow de CSS3). On nous propose aussi d’animer la perspective en faisant apparaître petit à petit ces ombres et créer un effet 3D progressif (avec les transitions webkit de CSS3). Le rendu est très sympa et très simple à réaliser.

devSnippets nous a sélectionné 10 plugins jQuery pour bouger vos objets avec style. Au programme : menus, slideshows, textes animés et autres. Certains valent le détour

Insic Design nous offre un tutoriel afin de créer un menu animé uniquement en CSS3. Le rendu est vraiment beau (voir démonstration) et utilise les effets de dégradé et de transition. Tutoriel simple à garder de côté pour pouvoir s’en inspirer

Voici un petit tutoriel simple qui peut ajouter une touche sympa à votre site Internet. Onextrapixel.com nous donne le moyen de faire disparaître une page en « fade » une fois que l’on doit la quitter, et faire apparaître de la même manière la page de destination. Cela donne un bel effet de transition au changement de page. Voici la démonstration et ici le tutoriel

Cette fois-ci c’est Nettuts+ qui nous offre un tutoriel complet sur les animations et transitions en CSS3. Au programme : changement de couleur progressif d’objets, rotation et translation d’images, etc. Bien sûr le tout sera exécuté simplement et uniquement en CSS3. Par contre, comme d’habitude quand il s’agit de transitions et animations, le tout ne sera efficace que sous les navigateurs webkit pour le moment (Safari & Chrome).