Dans ce tuto CSS, vous découvrirez comment générer des dégradés de couleurs sans image. Cette méthode est compatible avec Firefox 3.6+, Safari 4.0+, et Internet Explorer 5.5+.. La vidéo vous présentera aussi les futures transitions d’animation en CSS (sans Javascript !).
Jetez un oeil à ces autres tuto CSS
Apprenez les bases du CSS…
Dans ce tuto vidéo sur les bases du CSS, nous verrons ensemble…
Changer l'apparence d'une…
Dans ce tuto CSS, vous apprendrez à créer une effet de changement…
Initiez vous à toutes les…
Dans ce tuto CSS, vous découvrirez comment utiliser les positions…
Découper et intégrer une…
Ce tutoriel est la suite du tuto créer une page d'accueil de…
Découper et intégrer une…
Ce tutoriel est la suite du tuto créer une page d'accueil de…
Créez et intégrez un menu…
De la création du visuel sous Photoshop à l'intégration HTML/CSS,…
Un menu complet à partir…
Dans ce tuto vous allez apprendre à créer un menu complet…
Utilisez n'importe quelle…
Dans ce tuto CSS, vous découvrirez comment utiliser facilement…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto CSS de 12 minutes est proposée dans une résolution plus grande que l’extrait suivant :
mr32
, Formateur
Développeur dans une agence de communication bien connue sur le web, et entouré de graphistes avec une imagination démesurée... j'essaye de concilier au mieux technique et graphisme dans les développements web et iPhone...
En savoir plus sur mr32
Témoignage des clients de mr32
![]()
Toujours de très bon tutos !
![]()
Un excellent pédagogue, de très bons thèmes de tutos : formateur à suivre !
![]()
Super Tuto ! Très bien expliqué, les exemples aussi sont très bien !
D'autres tuto de mr32
Recréer un bouton J’aime façon Facebook avec jQuery
Dans ce tuto jQuery, vous découvrirez comment recréer un lien « J’aime » à la…
Ajouter des flocons de neige sur votre site
Dans ce tuto Javascript, vous découvrirez comment scripter rapidement et facilement…
Utilisez n'importe quelle font/police dans vos pages html
Dans ce tuto CSS, vous découvrirez comment utiliser facilement n'importe quelle police…
Créez facilement une loupe en Javascript avec Mootools !
Dans ce tuto Javascript, vous découvrirez comment créer sans grande connaissance une…
Notes attribuées par les utilisateurs (3 votes)
Les avis / Questions des utilisateurs (9)
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 d’une durée de 12 minutes a été acheté 79 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 30 décembre 2010 par mr32, contributeur, ayant reçu une note moyenne de 4,6/5 pour l’ensemble de ses vidéos, dans les catégories Tuto CSS webdesign et Effet.
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 acheté ce tuto - 01 mai 2012)
" meric "
(auteur de ce tuto - 21 novembre 2011)
" Il suffit de mettre une image GIF ou PNG transparente dans le H3 et le tour est joué. "
(a acheté ce tuto - 18 novembre 2011)
" Super ton tuto je lais test sa fonction.
Dis je voudrais savoir j'ai introduit le degrader dans la balise h3 mais je voudrais super pose une mini image dans la balise h3 avec ton degrader tu serais comment faire merci d'avance "
(a acheté ce tuto - 14 novembre 2011)
" génial ton tuto j'espère que tu fera d'autre tuto dommage qu'il y a pas de dégrader en oblique "
(a acheté ce tuto - 13 janvier 2011)
" Ah bah oui sur wamp c'est vrai ! Ca marche bien. "
(auteur de ce tuto - 12 janvier 2011)
" Internet Explorer doit sûrement être réglé en mode paranoïaque, en essayant de baisser le niveau de sécurité, ça devrait aller mieux.
Sinon vous pouvez consulter la page avec un serveur local type WAMP, et ça devrait bien se passer... "
(a acheté ce tuto - 12 janvier 2011)
" Je l'ai uniquement tester en local, mais je ne vois pas le message [Pour vous aider à protéger votre ordinateur, Internet Explorer a restreint l'exécution des scripts... bla bla bla... ] "
(auteur de ce tuto - 12 janvier 2011)
" Votre code est correct, je viens de le tester !
Toutefois, en local Internet Explorer a tendance à bloquer les filter avec un jolie message de sécurité du genre: [ Pour vous aider à protéger votre ordinateur, Internet Explorer a restreint l'exécution des scripts... bla bla bla... ]
Il suffit de faire un clic-droit sur cette barre et de choisir [ Autoriser le contenu bloqué... ]
Rassurez-vous, en ligne, ce message n'apparaît pas :) "
(a acheté ce tuto - 12 janvier 2011)
" La compatibilté sur IE ne marche pas.
J'ai mis :
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e6e6e6', endColorstr='#CCCCCC');
mais ne fonctionne pas :( "