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 pour intégrer votre site webApprenez les bases du CSS…
Dans ce tuto vidéo sur les bases du CSS, nous verrons ensemble…

Changer l'apparence d'une image au passage de la sourisChanger l'apparence d'une…
Dans ce tuto CSS, vous apprendrez à créer une effet de changement…

Initiez vous à toutes les positions CSSInitiez vous à toutes les…
Dans ce tuto CSS, vous découvrirez comment utiliser les positions…

Découper et intégrer une page d'accueil de site internetDé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 page d'accueil de site internetDé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 en HTML/CSS avec une seule imageCréez et intégrez un menu…
De la création du visuel sous Photoshop à l'intégration HTML/CSS,…

Un menu complet à partir d'une seule imageUn menu complet à partir…
Dans ce tuto vous allez apprendre à créer un menu complet…

Utilisez n'importe quelle font/police dans vos pages htmlUtilisez 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 :

Partagez cet extrait

Lien vers cet extrait : Embed code :

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 jQueryRecré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 siteAjouter 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 htmlUtilisez 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 !Créez facilement une loupe en Javascript avec Mootools !
Dans ce tuto Javascript, vous découvrirez comment créer sans grande connaissance une…

voir tous les tuto de mr32

Notes attribuées par les utilisateurs (3 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (9)

par zouzou3000à voté :
(a acheté ce tuto - 01 mai 2012)

" meric "

par mr32
(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é. "

par zouzou3000à voté :
(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 "

par zouzou3000à voté :
(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 "

par guice11
(a acheté ce tuto - 13 janvier 2011)

" Ah bah oui sur wamp c'est vrai ! Ca marche bien. "

par mr32
(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... "

par guice11
(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... ] "

par mr32
(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 :) "

par guice11
(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 :( "

 

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.

N'hésitez pas à nous contacter si vous avez la moindre question !