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

Mise en page CSS Discussion :

Realiser un effet de floutage


Sujet :

CSS

  1. #1
    Membre habitué Avatar de labarre2002
    Homme Profil pro
    Inscrit en
    Avril 2008
    Messages
    234
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Autre

    Informations professionnelles :
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : Avril 2008
    Messages : 234
    Points : 135
    Points
    135
    Par défaut Realiser un effet de floutage
    Bonsoir

    Je réalise ceci:
    Nom : b.png
Affichages : 107
Taille : 507,2 Ko

    voici mon travail:
    Nom : screen.jpg
Affichages : 97
Taille : 289,5 Ko

    le soucis est qu' en appliquant une valeur supérieure au filter j'ai un vide autour en réduisant la valeur
    j obtiens ça

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    .flou{
            position: absolute;
            width: 300px;
            height: 100%;
            top: 0;
            right: 0;
            background-color: #ababab;
            filter: blur(3px);
        }

    Pourrais-je avoir des pistes pour résoudre ce problème ?
    merci

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 082
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 082
    Points : 44 670
    Points
    44 670
    Par défaut
    Bonjour,
    voir du côté de mask-image, exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .container img {
      mask-image: linear-gradient(to left, transparent 0%, #000 50%);
    }

  3. #3
    Membre habitué Avatar de labarre2002
    Homme Profil pro
    Inscrit en
    Avril 2008
    Messages
    234
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Autre

    Informations professionnelles :
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : Avril 2008
    Messages : 234
    Points : 135
    Points
    135
    Par défaut
    Merci

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Animation] Comment réaliser un effet de sortie sur un bouton ?
    Par ikeas dans le forum Windows Presentation Foundation
    Réponses: 5
    Dernier message: 01/10/2008, 08h33
  2. Comment realiser cet effet ?
    Par alexis55 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 04/01/2008, 17h37
  3. [Galerie] Comment réaliser cet effet [agrandissement image] ?
    Par VinnieMc dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 2
    Dernier message: 27/08/2007, 16h20
  4. Réponses: 2
    Dernier message: 07/08/2006, 21h21
  5. realiser un effet de frames
    Par nico_web dans le forum Langage
    Réponses: 6
    Dernier message: 08/10/2005, 20h29

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