Stack Overflow
Stack Overflow

Questions tagged [box-shadow]

The box-shadow CSS property describes one or more shadow effects as a comma-separated list. It allows casting a drop shadow from the frame of almost any element and allows for shadow rounded corners by border-radius.

The box-shadow CSS property describes one or more shadow effects as a comma-separated list. It allows casting a drop shadow from the frame of almost any element. If a border-radius is specified on the element with a box shadow, the box shadow takes on the same rounded corners (see Mozilla docs).

Further reference:

  1. W3C reference.
  2. Mozilla reference
393 questions
-1
votes
1 answer

How to hide shadow between two adjoined divs

I have two divs on top of each other (adjoined) and they booth as one unit shall have one box-shadow. Now the upper div gives shadow on the lower div which I don't want. I have tried to manipulate it with a "z-index:2" to be more on top but no luck.…
user2969053
  • 3
  • 3
-1
votes
2 answers

How to add customized box shadow

I just want box shadow like in the design below image And i have tried the following code for all box-shadow: inset 0 0px 2px rgba(0,0,0,.39); But the output was look like I have changed the box shadow values can't get the exact ouput. Anyone help…
Prasath V
  • 1,336
  • 4
  • 20
  • 39
-1
votes
1 answer

IE 10, Edge box-shadow not working

My problem is: I make a website, and I have a

tag with text. The text in this row will wrap, and need to be shadow on this "box". It works in Google Chrome,Mozilla and Safari, but in IE not working.There are solid lines Thanks!

Jenovai Mátyás
  • 1
-1
votes
1 answer

remove corner of boxes and add shadow

I want to create a box . I want remove a part of my box that is at the right bottom of my box . And i need to place a box shadow at the removed part like this cyan part: *I don't want rounded corner .
foxy
  • 60
  • 6
-1
votes
3 answers

How to add box-shadow to a CSS div with display:table-row?

How do you add box-shadow to a CSS table row? Adding box-shadow: 2px 2px 2px #888888 to the element table-row in the code below does nothing and only works on the table element or the table-cell element: .table { display: table; …
ProgrammerGirl
  • 3,157
  • 7
  • 45
  • 82
-1
votes
1 answer

CSS box-shadow: can someone explain me the short syntax used in Bootstrap?

The Bootstrap framework uses a short syntax to define a box-shadow for div.form-control:focus: .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0,…
Aerendir
  • 6,152
  • 9
  • 55
  • 108
-2
votes
3 answers

Unwanted box shadow appearing on website and responsive break

I am currently updating/working on this web page "https://www.emergencydentalservice.com/emergency-dentist-by-city" and their is an unwanted box shadow appearing in the body that I can not determine from where or why. On top of the unwanted shadow…
Rejin267
  • 1
  • 1
-2
votes
1 answer

How to remove button glow on Video.js player template

I've been modifying the default video.js template, and would like to remove the button 'glow' on hover. I've tried adding a simple box-shadow: none !important to several classes in the CSS, with no luck. Is there another way I should be going about…
user1661677
  • 1,252
  • 5
  • 17
  • 32
-2
votes
1 answer

Css - shadow overlays other elements

I have few div and each of them has a shadow, but the shadow of a div always overlays the next div. here is my code: html:
Some Text
Some Text
Some Text
Some Text
Some Text
css: div…
Golan Kiviti
  • 3,895
  • 7
  • 38
  • 63
-2
votes
1 answer

Shadow box only for inner box of container

I am using box-shadow but it makes the whole container wrapped with shadow, how can I make a shadow only in the inside (top center) box?
Ali Torki
  • 1,929
  • 16
  • 26
-2
votes
2 answers

Box-shadow: inset property css

I saw this code on Codepen. It is part of a larger project. My question is why is there two sets of "inset" properties for box-shadow? Does both of them have the same function? Can I delete one of them? Thanks in advance for the help!! Link to the…
Jess
  • 107
  • 8
-2
votes
1 answer

Box shadow Issue

I have a certain thing I want and it annoys me that I cannot find a way. This is how it is now: I want the red lines to be green: The 2 identical text uses this HTML: <.article class="shadow"> <.header>

Welcome!<./h3> …

Vincent Karlsson
  • 1
-3
votes
1 answer

How to properly shadow tabs on a box shadow?

I'm trying correctly shadow the tabs on this site. Not sure If the issue are the values or the html markup. div.ui-tabs-panel.ui-widget-content.ui-corner-bottom { background-color: #ffffff; box-shadow: 0 3px 6px rgba(0,0,0,0.16),…
user3431336
  • 35
  • 8
-3
votes
1 answer

Howto make an HTML box with shadow and pressable

I would like to make an HTML widget like this one: https://jsfiddle.net/api/mdn/ .simple { box-shadow: 5px 5px 5px rgba(0,0,0,0.7); } But I would like it to be pressable so that it flattens for 1 second and redirects to a different URL. Edit: I…
Phil Bouchard
  • 125
  • 7
-3
votes
1 answer

Hexagon + Border-radius + Background-image, how can i do this?

i have a question for u. For example i got this picture, and need to do background image width box-shadow (yellow) on It with photo of someone (doesn't matter). How can i do it right? *Updated Image!
codezavr
  • 21
  • 4
1 2 3
…
26
27