La propriété CSS box-shadow décrit un ou plusieurs effets d'ombre comme une liste séparée par des virgules. Il permet de projeter une ombre portée à partir du cadre de presque tous les éléments et permet d'ombrer les coins arrondis par border-radius.

box-shadow...

J'essaie de pousser l'ombre du div de frère à l'arrière du div. J'ai parcouru les autres questions liées à cela, mais aucune d'entre elles n'a fonctionné pour moi. J'ai essayé d'ajouter position et z-index mais pas de chance jusqu'à présent. Voici le CSS que j'utilise #example1 { padding: 10px; ....
18 avril 2020 à 09:39
J'ai créé une liste d'éléments qui peuvent défiler. La liste a une section de titre en haut et utilise une ombre de boîte qui se superpose en haut de la liste. Lorsque j'ajoute un effet de survol de surbrillance aux éléments de la liste, la surbrillance de l'élément de liste se place devant l'ombre ....
16 déc. 2019 à 21:03
box-shadow ne fonctionne pas sur mon élément d'image - je parle de .card img: nth-child (1). Voici mon code HTML: .card { display: flex; flex-flow: column wrap; align-items: center; } .card img:nth-child(1) { height: 220px; width: 100%; object-fit: cover; box-shadow: 0px ....
13 déc. 2019 à 13:35
J'ai besoin de box-shadow uniquement en bas du bloc et la largeur doit être de 100%. Box-shadow fonctionne s'il y a de la largeur avec px mais ne fonctionne pas avec 100% de largeur. Quel est le problème?....
27 nov. 2019 à 10:29
Voir l'exemple d'extrait ci-dessous d'un texte utilisant deux box-shadow: inset comme soulignement. Il s'affiche parfaitement sur Chrome, Firefox et Safari (versions récentes). Mais cela ressemble à ceci sur Edge (voir la ligne fanée qui fuit au bas du soulignement): QUESTION Y a-t-il un moyen d....
18 nov. 2019 à 18:32
J'ai un problème avec l'ajout de shadow-box à ma zone de texte. L'image ci-dessous montre ce que j'essaie de réaliser. Code CSS: .text_area { position: relative; box-sizing: border-box; width: 100%; height: 120px; resize: none; outline: none; padding: 5 10px; border: none; backgro....
17 nov. 2019 à 12:02
J'ai un bouton avec un élément à l'intérieur qui reçoit l'ombre de la boîte: button { padding: 0; border: 0; margin: 0; overflow: visible; -webkit-appearance: none; background: white; } .shadow { display: inline-block; vertical-align: middle; height: 40px; width:....
7 nov. 2019 à 01:39
J'ai une ancre contenant un élément span contenant mon texte. L'élément span a ces attributs border-bottom: 5px solid #59DFB8; padding-bottom: 2px; Maintenant, je veux créer une ombre derrière la bordure, mais pas tout le texte. Comment faire cela sans renoncer à la réactivité? .selected { b....
24 sept. 2019 à 19:17
Je veux créer quelque chose comme la capture d'écran suivante, mais je ne peux pas comprendre de valeur z-index pour laquelle l'ombre n'apparaît pas sur la première ou la deuxième boîte (elles sont toujours empilées avec la première en haut, ou le second). Existe-t-il un moyen de réaliser ce qui su....
14 mars 2019 à 18:52
Je crée un éditeur CSS en utilisant Javascript. Je voudrais que l'utilisateur puisse changer les attributs de l'ombre de boîte CSS. J'imagine que la fonction ressemblerait à quelque chose comme ceci: var box = document.getElementById("boxDiv"); var h-offset; //= getUserInput (= document.getElementBy....
26 sept. 2018 à 21:29