简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison> interface Web> tutoriel CSS> le corps du texte

Créer des ombres atténuées à l'aide de CSS

WBOY
Libérer： 2023-08-26 08:25:09
avant
1382 Les gens l'ont consulté

使用 CSS 创建衰减阴影

Le filtre Ombre est utilisé pour créer une ombre atténuée dans une direction et une couleur spécifiées.

Les paramètres suivants peuvent être utilisés dans ce filtre −

numéro de série

 paramètres et description
1

 color

La couleur de nuance que vous souhaitez.
2

 Direction

La direction du flou, dans le sens des aiguilles d'une montre, par incréments de 45 degrés. La valeur par défaut est 270 (à gauche).

0 = Haut

45 = En haut à droite

90 = Droite

135 = En bas à droite

180 = En bas

225 = En bas à gauche

270 = Gauche

315 = En haut à gauche

Exemple

Vous pouvez essayer d'exécuter le code suivant pour implémenter le filtre d'ombre −

Démo

  

  CSS Logo 
Text Example:
 
CSS Tutorials
Copier après la connexion

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!

source：tutorialspoint.com
Article précédent：Effet de fondu en animation à l'aide de CSS Article suivant：Animation de la propriété CSS margin-bottom
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
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
2
1004
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
9
1077
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
976
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
839
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
913
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！