Le flou sur les bords d'une image ou image de fond en CSS
Je sais qu'il y a un tas de nouveaux filtres CSS et je me demandais si il existe un moyen de les appliquer à une image ou une image d'arrière-plan. Tout ce que j'ai lu parle d'adoucissement de l'image avec une ombre portée, cependant, une ombre est une couleur, et je veux le flou sur les bords des images pour que je puisse les mélanger ensemble plus facilement si elles étaient les unes à côté des autres. Pour l'instant il semble que vous ne pouvez aller avec une ombre portée ou appliquer un effet de flou à l'ensemble de l'image (selon ce que j'ai lu).
Le plus proche que je peux venir avec est une semi-transparent de la boîte de l'ombre....comme ce
-webkit-box-shadow: 12px 29px 81px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 12px 29px 81px 0px rgba(0,0,0,0.75);
box-shadow: 12px 29px 81px 0px rgba(0,0,0,0.75);
Donner un lien sur lequel vous voulez exactement. et de développer un violon avec votre image.Nous pouvons vous aider à atteindre votre condition.
OriginalL'auteur Startec | 2014-07-12
Vous devez vous connecter pour publier un commentaire.
Si ce que vous cherchez est simplement pour flouter les bords de l'image vous pouvez simplement utiliser le box-shadow avec un encart.
De travail exemple:
http://jsfiddle.net/d9Q5H/1/
HTML:
CSS
cela fonctionne, et si vous voulez une dynamique largeur/hauteur, vous pouvez aussi ajouter l'image à l'intérieur de la div style="visibility;hidden;"
OriginalL'auteur Leonardo
Je ne suis pas entièrement sûr de ce visuel résultat final que vous êtes après, mais voici un moyen facile de flou de l'image du bord: placer une div avec l'image à l'intérieur d'un autre div avec l'image floue.
Exemple ici:
http://jsfiddle.net/ZY5hn/1/
HTML:
CSS:
Avis de l'effet de flou est l'aide de l'image, de sorte qu'il change avec la couleur de l'image.
J'espère que cette aide.
Oh, alors c'est plus facile. J'ai ajouté une autre réponse sur la façon de parvenir à cet effet. Si vous avez besoin de placer deux images et de transition entre eux, il suffit de choisir la transition de la couleur et de l'utilisation de la box-shadow comme je l'ai expliqué dans ma réponse.
OriginalL'auteur Leonardo