Précédent   Forum du club des développeurs et IT Pro > Webmasters - Développement Web > HTML / DHTML / XHTML > Publications (X)HTML et CSS
Publications (X)HTML et CSS Commentez les articles, actualités et critiques de livres publiés sur les rubriques HTML/DHTML/XHTML et CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Actualité déjà publiée
 
Outils de la discussion
Publicité
'
Vieux 14/12/2012, 09h48   #1
FirePrawn
Responsable (X)HTML/CSS

 
Avatar de FirePrawn
 
Homme Sébastien Germez
Ingénieur réalisateur
Inscription : mars 2011
Messages : 2 646
Détails du profil
Informations personnelles :
Nom : Homme Sébastien Germez
Âge : 25
Localisation : France, Haut Rhin (Alsace)

Informations professionnelles :
Activité : Ingénieur réalisateur
Secteur : Industrie

Informations forums :
Inscription : mars 2011
Messages : 2 646
Points : 20 625
Points : 20 625
Par défaut Les filtres CSS3 appliqués aux images



Je vous propose une traduction de l'article anglophone CSS3 Images Filters par Paul Underwood : Les filtres CSS3 appliqués aux images.

N'hésitez pas à faire part de vos remarques, commentaires ou propositions d'améliorations !

Les filtres CSS3 appliqués aux images.

__________________
Vous souhaitez participer à la rubrique (X)HTML/CSS, contactez-moi !
Avant toute chose : lire le mode d'emploi du forum et ses règles.
Je ne réponds pas aux questions techniques en MP.
FirePrawn est déconnecté   Envoyer un message privé Réponse avec citation 40
Vieux 14/12/2012, 10h52   #2
polymorphisme
Modérateur
 
Avatar de polymorphisme
 
Homme Grégory Roche
Publishing
Inscription : octobre 2009
Messages : 1 424
Détails du profil
Informations personnelles :
Nom : Homme Grégory Roche
Âge : 39
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Publishing

Informations forums :
Inscription : octobre 2009
Messages : 1 424
Points : 2 333
Points : 2 333
Bonjour FirePrawn,

le sujet du tutoriel est vraiment sympathique.

L'effet d'un filtre sur une image reste difficile à apprécié.

Peut être qu'une juxtaposition d'une image d'origine et d'une image filtrée serait plus pertinente.
__________________
Article : Installation de Cocoon
Je ne réponds pas aux MP à caractère technique.
polymorphisme est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 14/12/2012, 11h07   #3
FirePrawn
Responsable (X)HTML/CSS

 
Avatar de FirePrawn
 
Homme Sébastien Germez
Ingénieur réalisateur
Inscription : mars 2011
Messages : 2 646
Détails du profil
Informations personnelles :
Nom : Homme Sébastien Germez
Âge : 25
Localisation : France, Haut Rhin (Alsace)

Informations professionnelles :
Activité : Ingénieur réalisateur
Secteur : Industrie

Informations forums :
Inscription : mars 2011
Messages : 2 646
Points : 20 625
Points : 20 625
Ah tu trouves ?

Je trouvais qu'avec le hover justement on se rendait bien compte de l'effet
__________________
Vous souhaitez participer à la rubrique (X)HTML/CSS, contactez-moi !
Avant toute chose : lire le mode d'emploi du forum et ses règles.
Je ne réponds pas aux questions techniques en MP.
FirePrawn est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 14/12/2012, 11h11   #4
Bovino
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 18 115
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 42
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 18 115
Points : 64 695
Points : 64 695
Pour XI. L'effet brightness, il semble y avoir une erreur dans le code : au survol, l'image devient complètement blanche
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 14/12/2012, 11h21   #5
FirePrawn
Responsable (X)HTML/CSS

 
Avatar de FirePrawn
 
Homme Sébastien Germez
Ingénieur réalisateur
Inscription : mars 2011
Messages : 2 646
Détails du profil
Informations personnelles :
Nom : Homme Sébastien Germez
Âge : 25
Localisation : France, Haut Rhin (Alsace)

Informations professionnelles :
Activité : Ingénieur réalisateur
Secteur : Industrie

Informations forums :
Inscription : mars 2011
Messages : 2 646
Points : 20 625
Points : 20 625
Citation:
Envoyé par Bovino Voir le message
Pour XI. L'effet brightness, il semble y avoir une erreur dans le code : au survol, l'image devient complètement blanche
C'est corrigé
__________________
Vous souhaitez participer à la rubrique (X)HTML/CSS, contactez-moi !
Avant toute chose : lire le mode d'emploi du forum et ses règles.
Je ne réponds pas aux questions techniques en MP.
FirePrawn est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 15/12/2012, 18h25   #6
polymorphisme
Modérateur
 
Avatar de polymorphisme
 
Homme Grégory Roche
Publishing
Inscription : octobre 2009
Messages : 1 424
Détails du profil
Informations personnelles :
Nom : Homme Grégory Roche
Âge : 39
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Publishing

Informations forums :
Inscription : octobre 2009
Messages : 1 424
Points : 2 333
Points : 2 333
Bonjour,

Citation:
Je trouvais qu'avec le hover justement on se rendait bien compte de l'effet
Etonner de vos réactions, je me suis rendu sur la page de démonstration de l'auteur.
Est ce que je serais passé à côté de quelque chose ?
Oui, une lecture correcte de l'article.
Et j'avais utilisé Firefox 17 et Opéra 12.

Autant pour moi.
__________________
Article : Installation de Cocoon
Je ne réponds pas aux MP à caractère technique.
polymorphisme est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 18/12/2012, 15h56   #7
GuilGate
Invité de passage
 
Homme Guillaume
Administrateur systèmes et réseaux
Inscription : juin 2011
Messages : 3
Détails du profil
Informations personnelles :
Nom : Homme Guillaume
Localisation : France

Informations professionnelles :
Activité : Administrateur systèmes et réseaux

Informations forums :
Inscription : juin 2011
Messages : 3
Points : 4
Points : 4
Aucun effet d'image ne s'affiche sur mon firefox 17.0.1 sur ubuntu ...
En revanche, rien a signaler sur chrome, ca marche correctement.
GuilGate est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 18/12/2012, 16h11   #8
Torgar
Rédacteur/Modérateur

 
Avatar de Torgar
 
Homme Jérémy .B.
Développeur Web
Inscription : août 2007
Messages : 1 786
Détails du profil
Informations personnelles :
Nom : Homme Jérémy .B.
Âge : 27
Localisation : France, Gard (Languedoc Roussillon)

Informations professionnelles :
Activité : Développeur Web
Secteur : Industrie

Informations forums :
Inscription : août 2007
Messages : 1 786
Points : 7 060
Points : 7 060
Envoyer un message via Skype™ à Torgar
En même temps dans l'article il est précisé : Firefox 17 ne les supporte pas.
__________________
Je ne suis pas schizophrène, nous sommes unanime !!!

► Pensez à la balise code, au si c'est le cas et au à ceux qui vous ont aidé.
Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

Créer des colonnes de même hauteur en CSS
Glossaire CSS
Les bordures en CSS3
Les transitions en CSS3
Torgar est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 19/12/2012, 17h19   #9
rg77140
Membre éclairé
 
Inscription : mai 2008
Messages : 262
Détails du profil
Informations forums :
Inscription : mai 2008
Messages : 262
Points : 373
Points : 373
Bonjour,

Un autre article du même genre où l'auteur a fait des captures d'écran pour ceux qui n'ont pas la bonne version de Chrome : http://inserthtml.developpez.com/tut...3-html-images/

Romain.
rg77140 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/03/2013, 14h53   #10
TorNerae
Invité régulier
 
Homme Victor Layer
Étudiant
Inscription : juillet 2011
Messages : 8
Détails du profil
Informations personnelles :
Nom : Homme Victor Layer
Localisation : France, Haute Savoie (Rhône Alpes)

Informations professionnelles :
Activité : Étudiant
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juillet 2011
Messages : 8
Points : 8
Points : 8
Par défaut Petite erreur

Juste une petite erreur, dans la section 5 : L'effet greyscale, l'exemple affiché est celui de CSS saturate.

Sinon très bon tutoriel, et perso je trouve aussi que l'effet hover donne un très bon effet pour ce rendre compte des modifications.

TorNerae est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/03/2013, 15h06   #11
FirePrawn
Responsable (X)HTML/CSS

 
Avatar de FirePrawn
 
Homme Sébastien Germez
Ingénieur réalisateur
Inscription : mars 2011
Messages : 2 646
Détails du profil
Informations personnelles :
Nom : Homme Sébastien Germez
Âge : 25
Localisation : France, Haut Rhin (Alsace)

Informations professionnelles :
Activité : Ingénieur réalisateur
Secteur : Industrie

Informations forums :
Inscription : mars 2011
Messages : 2 646
Points : 20 625
Points : 20 625
Ah oui en effet merci ! C'est corrigé
__________________
Vous souhaitez participer à la rubrique (X)HTML/CSS, contactez-moi !
Avant toute chose : lire le mode d'emploi du forum et ses règles.
Je ne réponds pas aux questions techniques en MP.
FirePrawn est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Actualité déjà publiée
Outils de la discussion

Navigation rapide


Fuseau horaire GMT +2. Il est actuellement 19h07.


 
 
 
 
Partenaires

Hébergement Web