Comment Flou Div Bords
À l'aide de CSS,
comme suit:
http://gyazo.com/ff14a415cf7ac8622eb0cada3e23137f
Je veux nous CSS (de préférence pas CSS3) pour obtenir les bords et les coins pour avoir cet effet, au lieu de simplement les rebords tranchants.
C'est une image (sauf si vous êtes en disant que c'est strictement un exemple de look que vous voulez). Si vous voulez faire quelque chose de semblable à cela, vous avez à regarder gradient de frontières avec le CSS, cependant il serait plus facile à utiliser box-shadow ou une image
OriginalL'auteur James Mitchell | 2013-04-02
Vous devez vous connecter pour publier un commentaire.
Vous pouvez obtenir cet effet en utilisant un
box-shadow
de la même couleur que la div à l'arrière-plan, comme ceci:Vous pouvez ajuster les deuxième et troisième arguments (
5px
et10px
ici) pour ajuster la taille relative et le rayon de flou (respectivement) de l'ombre afin d'obtenir de la manière que vous voulez, et cette fonctionnalité est bien pris en charge par les navigateurs modernes (voir: http://caniuse.com/#feat=css-boxshadow).Voici un jsFiddle démo: http://jsfiddle.net/bXAFt/
CSS3 est une partie de CSS. Vous feriez mieux de nous dire quels sont les navigateurs que vous voulez soutenir. Vieux IE a des filtres qui peuvent être utilisés comme une solution de repli.
votre effet est irréalisable avec CSS <3. Vous devriez vraiment se soucier des navigateurs modernes dans les préoccupations de la conception, lors de l'écriture de votre site pour le soutien gracieux de la dégradation/amélioration progressive.
"CSS3" est (un peu) définitif cahier des charges, mais si les navigateurs prennent en charge c'est sur une fonction par fonction. caniuse.com c'est une bonne façon de vérifier les fonctionnalités qui sont disponibles dans les navigateurs cibles.
OriginalL'auteur metadept