Dans ce tuto CSS 3 en vidéo, nous verrons comment appliquer un effet de transition de couleur grâce à la propriété CSS3 "transition".
Jetez un oeil à ces autres tuto CSS 3
Afficher des vidéos en Responsive…
Dans ce tuto CSS en vidéo, nous verrons comment nous pouvons…
Créer une galerie d'images…
Dans ce tuto WordPress, nous allons voir comment ajouter une…
Débuter en HTML5 - CSS3 -…
Cette formation fait partie d'une série sur la programmation…
Créer un Sticky menu qui…
Dans ce tuto vidéo CSS3 et Jquery, en vidéo, nous allons voir…
Créer un site web avec un…
Dans ce tuto jQuery / CSS3, nous allons ensemble, pas à pas,…
Menu déroulant intelligent…
Avec ce tuto CSS 3, apprenez à réaliser un menu déroulant…
Ajouter une bulle d'info enrichie…
Dans ce tuto jQuery en vidéo, nous allons voir comment créer…
Intégrer et Développer un…
Voici une formation complète dédiée à l'intégration et…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto CSS 3 de 9 minutes est proposée dans une résolution plus grande que l’extrait suivant :
simpledev
, formateur certifié
Témoignage des clients de simpledev
![]()
Très bon formateur et surtout une incroyable diversité de tuto dans le domaine du développement de site web. J'ai commencé par les tutos concernant le html 5 et CSS3. Ces derniers proposent des sujets très utiles pour dynamiser mon site
![]()
Excellents tutos, très bien expliqués. Les tutos de Simpledev sont très utiles. L'une des choses qui fait la richesses des tutos est le "mélange des langages de programmation". On peut ainsi réaliser des systèmes complexes, avec plusieurs langages !
![]()
Bref j'ai pas besoin de préciser très bon formateur :)
![]()
Excellent Formateur, 5/5 tout y-est: application, contenu, bon son, pédagogie, bonne image, j'ai beaucoup appris en 2 jours de tuto. Parmi les quelques tutoriels que j'ai vu c'est celui qui se démarque. Simpledev. Bravo à lui j'en redemande.
![]()
Quoi dire d'autre ? merci pour tout ;).
Lire les autres témoignages
D'autres tuto de simpledev
Ruby on Rails : affichage des données et feuille de style
Dans ce tuto Ruby on Rails en vidéo, nous verrons comment afficher les données issues…
Système de scaffold Ruby on Rails
Dans ce tuto Ruby On Rails en vidéo, nous verrons comment mettre en place un système…
Compteur de visites en PHP
Dans ce tuto Php, nous verrons comment mettre en place un compteur de visites sur une…
Horloge en AJAX
Dans ce tuto AJAX en vidéo, nous verrons comment réaliser très simplement une horloge…
Notes attribuées par les utilisateurs (10 votes)
Les avis / Questions des utilisateurs (5)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto CSS 3 d’une durée de 9 minutes a été téléchargé 653 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 4 février 2011 par simpledev, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,4/5 pour l’ensemble de ses vidéos.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.











(a téléchargé ce tuto - 05 janvier 2012)
" Cool, merci :) "
(a téléchargé ce tuto - 19 décembre 2011)
" merci ;) "
(a téléchargé ce tuto - 05 février 2011)
" Avec un nouveau micro la voix est encore meilleure. Nice tutos :) "
(auteur de ce tuto - 04 février 2011)
" Salut polen,
Merci pour tes conseils:)
Mais là l'élément c'est pas vraiment un bouton sinon j'aurai utilisé la balise adéquate, j'aurai tout aussi bien pu l'appeler rectangle ou encore robert, on s'en fout c'est pour l'exemple:) en plus j'aurai pu y mettre aussi d'autres éléments à l'intérieur, l'effet de transition aurait alors marché sur eux aussi; Et comme là j'en ai qu'un et qu'il y'en aura pas d'autre, y'a aucun souci pour mettre id, mais on peut mettre class aussi si ça nous chante... "
(a téléchargé ce tuto - 04 février 2011)
" Histoire de discuter, ce serait bien de ne pas utiliser un div pour un bouton.
Les div on les réservent pour les blocs de mise en pages.
Ne jamais utiliser des div pour englober des "élément" seul.
Ici tu utilises un bouton il faut simplement mettre un <span> auquel tu indiqueras "displays: block; " dans le css pour faire l'effet bloc.
Comme c'est un bouton, que tu dois certainement réutiliser, on met une class et non un id (identifiant unique)
Tu devrais donc écrire <span class="button">Bouton</span>
A part ça sympa l'effet transition. "