How to apply box-shadow on all four sides?
I'm trying to apply a box-shadow on all four sides. I could only get it on 2 sides:
Solution
It's because of x and y offset. Try this:
-webkit-box-shadow: 0 0 10px #fff;
box-shadow: 0 0 10px #fff;
edit (year later..): Made the answer more cross-browser, as requested in comments :)
btw: there are many css3 generator nowadays.. css3.me, css3maker, css3generator etc...
- Is it possible to pull css values with HTA javascript?
- Unable to make the animation function in Tailwind CSS
- CSS selector for first element with class
- Using margin:auto to vertically-align <div>
- how to change angular stepper progress color when next step active
- How to get the grid coordinates of an element using JavaScript?
- How to stop dark mode at inline css?
- Unable to make text bold in SVG
- Extend "grid-lines" beyond a CSS grid
- Show hide divs on click in HTML and CSS without jQuery
- input type color default color input as HEX
- Enable content on row hover in Blazor wasm
- Can't vertical scroll page on mobile devices with full width PrimeNg carousel
- Using custom HTML Tags
- Why is ccsnano messing up the css of bootstrap styles in gulp builder?
- Giving wrapped flexbox items vertical spacing
- force element to display outside of overflow:hidden
- How do I make the text that is inside a half capsule shape?
- Capsule shape using border-radius without a set width or height?
- Using css how so I create a pill shape which is circular on one side and angled on the other?
- How to make a pill shape button with HTML and CSS?
- Modal fixed position content shift
- Change text with a CSS3 animation?
- Changing the Style of a specific element by Checkbox:Checked
- slideDown jumps abruptly at the end
- Why doesn't CSS nesting appended nesting selector work within pseudoselectors?
- How to show empty date picker in Material UI- REACT?
- Formatting a nested table in HTML
- How can I center text (horizontally and vertically) inside a div block?
- How to use CSS files with <s:head> tag in Struts 2?