IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Publications (X)HTML et CSS Discussion :

Les filtres CSS3 appliqués aux images


Sujet :

Publications (X)HTML et CSS

  1. #1
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Points : 19 373
    Points
    19 373
    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.


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

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

    Informations forums :
    Inscription : Octobre 2009
    Messages : 1 460
    Points : 2 372
    Points
    2 372
    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.

  3. #3
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Points : 19 373
    Points
    19 373
    Par défaut
    Ah tu trouves ?

    Je trouvais qu'avec le hover justement on se rendait bien compte de l'effet

  4. #4
    Rédacteur

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

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    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

  5. #5
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Points : 19 373
    Points
    19 373
    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é

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

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

    Informations forums :
    Inscription : Octobre 2009
    Messages : 1 460
    Points : 2 372
    Points
    2 372
    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.

  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
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Points : 8 040
    Points
    8 040
    Par défaut
    En même temps dans l'article il est précisé : Firefox 17 ne les supporte pas.

  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 : 639
    Points
    639
    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 : 36
    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
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Points : 19 373
    Points
    19 373
    Par défaut
    Ah oui en effet merci ! C'est corrigé

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. [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
  3. [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

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