Maison >interface Web >tutoriel CSS >Comment ajouter des ombres aux images en utilisant CSS

Comment ajouter des ombres aux images en utilisant CSS

不言
不言original
2018-04-21 15:49:262673parcourir

Généralement, on peut utiliser une image de fond pour ajouter des ombres aux images, mais comment y parvenir pour des images de tailles non fixes ? Nous pouvons utiliser la « méthode de tromperie visuelle » pour y parvenir en définissant une bordure dégradée : [code] on_all">

Généralement, on peut utiliser une image de fond pour ajouter des ombres aux images, mais comment y parvenir pour des images de tailles non fixes ? Nous pouvons utiliser la « méthode de tromperie visuelle » pour y parvenir en définissant une bordure dégradée :



Astuce : Vous pouvez d'abord modifier une partie du code, puis exécuter


La définition suivante est la définition des coins arrondis dans divers navigateurs standards pour tromper les yeux de manière plus professionnelle


Copier le code

Le code est le suivant :

border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px;


Code couleur Vous pouvez le récupérer après avoir créé l'effet de lueur extérieure dans PS. Mes effets ci-dessus sont [Soft], [Extended 0], [Size 5px], [Color #000] et le reste est par défaut
Bien sûr, si vous avez des exigences particulières, vous pouvez utiliser les filtres IE pour obtenir des ombres plus magnifiques .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Propriétés héritées en CSSArticle suivant:Propriétés héritées en CSS