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

Comment ajouter des ombres aux images en utilisant CSS

不言
Libérer: 2018-04-21 15:49:26
original
2686 Les gens l'ont consulté

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;
Copier après la connexion


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal