+ Répondre à la discussion Actualité déjà publiée
  1. #1
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Ingénieur réalisateur
    Inscrit en
    mars 2011
    Messages
    3 174
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Haut Rhin (Alsace)

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

    Informations forums :
    Inscription : mars 2011
    Messages : 3 174
    Points : 21 860
    Points
    21 860

    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.

    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  2. #2
    Membre émérite
    Avatar de polymorphisme
    Homme Profil pro
    Publishing
    Inscrit en
    octobre 2009
    Messages
    1 451
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : octobre 2009
    Messages : 1 451
    Points : 2 431
    Points
    2 431

    Par défaut

    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.

  3. #3
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Ingénieur réalisateur
    Inscrit en
    mars 2011
    Messages
    3 174
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Haut Rhin (Alsace)

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

    Informations forums :
    Inscription : mars 2011
    Messages : 3 174
    Points : 21 860
    Points
    21 860

    Par défaut

    Ah tu trouves ?

    Je trouvais qu'avec le hover justement on se rendait bien compte de l'effet
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    juin 2008
    Messages
    23 650
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : juin 2008
    Messages : 23 650
    Points : 91 548
    Points
    91 548
    Billets dans le blog
    20

    Par défaut

    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 !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Ingénieur réalisateur
    Inscrit en
    mars 2011
    Messages
    3 174
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Haut Rhin (Alsace)

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

    Informations forums :
    Inscription : mars 2011
    Messages : 3 174
    Points : 21 860
    Points
    21 860

    Par défaut

    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é
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  6. #6
    Membre émérite
    Avatar de polymorphisme
    Homme Profil pro
    Publishing
    Inscrit en
    octobre 2009
    Messages
    1 451
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : octobre 2009
    Messages : 1 451
    Points : 2 431
    Points
    2 431

    Par défaut

    Bonjour,

    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.

  7. #7
    Futur Membre du Club
    Homme Profil pro
    Administrateur systèmes et réseaux
    Inscrit en
    juin 2011
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

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

    Informations forums :
    Inscription : juin 2011
    Messages : 4
    Points : 6
    Points
    6

    Par défaut

    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.

  8. #8
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Recherche emploi
    Inscrit en
    août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 31
    Localisation : France, Gard (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Recherche emploi

    Informations forums :
    Inscription : août 2007
    Messages : 2 334
    Points : 8 094
    Points
    8 094

    Par défaut

    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 et au CODE HTML GENERE !!!!
    ► 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

  9. #9
    Membre confirmé
    Profil pro
    Inscrit en
    mai 2008
    Messages
    394
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : mai 2008
    Messages : 394
    Points : 636
    Points
    636

    Par défaut

    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.

  10. #10
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    juillet 2011
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Haute Savoie (Rhône Alpes)

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

    Informations forums :
    Inscription : juillet 2011
    Messages : 10
    Points : 13
    Points
    13

    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.


  11. #11
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Ingénieur réalisateur
    Inscrit en
    mars 2011
    Messages
    3 174
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Haut Rhin (Alsace)

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

    Informations forums :
    Inscription : mars 2011
    Messages : 3 174
    Points : 21 860
    Points
    21 860

    Par défaut

    Ah oui en effet merci ! C'est corrigé
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

Discussions similaires

  1. [CSS 3] Les filtres CSS3 appliqués aux images
    Par FirePrawn dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 19/12/2012, 18h19
  2. [CSS 3] Les filtres CSS3 : modifier le HTML ou les images en CSS
    Par Bovino dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 13/11/2012, 11h51
  3. [Article] Les filtres CSS3 : modifier le HTML ou les images en CSS
    Par Bovino dans le forum Publications (X)HTML et CSS
    Réponses: 3
    Dernier message: 13/11/2012, 11h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo