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
0
votes
1 answer

CSS3 Box-Shadow applying to content in IE

Hi I was trying to apply a box shadow to my main content box but it doesn't work correctly in IE. Rather than applying the shadow to the edges of the box like in firefox & chrome it seems to apply shadw to the content. here are the filters im…
David
  • 1
0
votes
1 answer

Fluid, Css, Hover Box Shadow

I am new to stackoverflow, just joined. I am pulling my hair out, please help. http://tygoro.com/landing/ This box + triangle I want to have a box shadow on HOVER. Plus I want it to be fluid if possible! I am not sure how to accomplish this, I am…
Guru Goro
  • 5
  • 4
0
votes
2 answers

How to prevent background-color from hiding box-shadow?

Adding a background-color to a td or tr hides the box-shadow on the parent table. Minimal example: table { box-shadow: inset -1px -1px 0 0 blue; border-collapse: collapse; } td { box-shadow: inset 1px 1px 0 0 blue; } .highlight…
Thomas David Baker
  • 1,037
  • 10
  • 24
0
votes
2 answers

Box Shadow works incorrectly on focus in input

Romanoti
  • 1,107
  • 2
  • 8
  • 11
0
votes
2 answers

Hover property applies to child

Good day everyone, i have been trying to apply box-shadow property to a webpage but if i apply the effect to the normal state, everything works fine but on the hover state, if i hover on the child, it applies to both the parent and the child. Normal…
Collins
  • 145
  • 2
  • 15
0
votes
2 answers

CSS box shadow psudo element showing under background image

Can someone tell me why the shadow underneath my blue background is showing? /*! * Start Bootstrap - Small Business HTML Template (http://startbootstrap.com) * Code licensed under the Apache License v2.0. * For details, see…
amcardwell
  • 376
  • 3
  • 14
0
votes
2 answers

Creating a “flat long shadow” for text in CSS with less CSS

Note: This question is similar to this question; however, it is different and thus is being asked as a separate question to the one just linked. I am trying to create a flat long shadow in CSS for the text in a logo. The original way I found to do…
4lackof
  • 1,250
  • 14
  • 33
0
votes
0 answers

How can I partially remove a segment of a box shadow?

I'm a beginner in HTML/CSS/Javascript. I've been using what I learned in class to make changes to my Tumblr theme, but I noticed that when I use the box shadow option that it still draws where a segment of the box it's surrounding has been removed.…
kernalmustache
  • 9
  • 1
0
votes
1 answer

How to make an empty div or container glow with pure CSS?

I want an empty container to glow so I use this code: box-shadow: 0 1px 20px 1px lightcyan; The problem with this is that only the borders glow and there is a big hole in the center which is not the effect I want. I know I can move the position of…
Cain Nuke
  • 2,843
  • 5
  • 42
  • 65
0
votes
1 answer

How i can make it wiht css3?

How i can do it with css (box-shadow and border) How to do it exactly like image.Give me some suggestions please Thanks. See image here please Thanks
Jahid - WordPress Developer
  • 57
  • 1
  • 10
0
votes
4 answers

Any way to get box-shadow only on content-box

It would be lovely to have the option of where to place a box-shadow. Currently I have a div with some padding. The background color is set to clip on the content-box. That's good. However the box-shadow that I have appear on hover begins at the…
BMCwebdev
  • 146
  • 2
  • 12
0
votes
0 answers

Bootstrap datepicker shadows

I have next problem: cant add box-shadow under circles. I know that circles(radial-gradient) are not on whole td element that is why white circle appears at every picked element. ( image added HERE ) How can I add straight under the…
Shepel Dmytriy
  • 1
  • 1
0
votes
1 answer

How to create box-shadows simulating multiple depths

Say I want to simulate 2 different layers of objects, over a background. Objects on the first level should have a large shadow, and objects on the second layer should have a smaller shadow. Now, what if an objects on the front layer is overlapping…
nHaskins
  • 805
  • 8
  • 22
0
votes
1 answer

CSS box shadow appears after delay when using animation on parent div

so I have multiple div's and they appear using css animation, but when is box shadow used inside div's children it appears with delay. I add fiddle with exact example how it looks in my project. Take attention at headers box-shadow when running…
Mode 856
  • 57
  • 1
  • 12
0
votes
1 answer

How do you replicate this box-shadow effect?

This is my first year in CSS and I'm trying to replicate this box-shadow effect I found on Udemy: I'm trying my best to replicate this effect and this is the closet I've gotten: #box { -webkit-box-shadow: 3px 14px 14px -11px…
Jack Man
  • 87
  • 7
1 2 3
…
26 27