Do this:
box-shadow: 0 4px 2px -2px gray;
It’s actually much simpler, whatever you set the blur to (3rd value), set the spread (4th value) to the negative of it.
More Related Contents:
- Remove blue underline from link
- How to increase the gap between text and underlining in CSS
- How can I add a box-shadow on one side of an element?
- Is there a ‘box-shadow-color’ property?
- CSS Image Effects
- Bootstrap align navbar items to the right
- How to remove the stripes that appears when using linear gradient property [duplicate]
- Can media queries resize based on a div element instead of the screen?
- nth-child doesn’t respond to class [duplicate]
- Which CSS properties are inherited?
- Browser support for CSS Grid
- What’s the difference between display:inline-flex and display:flex?
- How do I apply opacity to a CSS color variable?
- wordwrap a very long string
- What does ‘?’ do in a Css link?
- css vertical centering
- Cross Site Scripting in CSS Stylesheets
- Hover effect : expand bottom border
- CSS renders differently on web server than on development environment
- Align text on slanted line
- Why can’t you group descendants in a CSS selector?
- html, css – weird invisible margin below pictures
- Not CSS selectors
- How can I set the width of select box options?
- How to get the scroll bar with CSS overflow on iOS
- How to stick table header(thead) on top while scrolling down the table rows with fixed header(navbar) in bootstrap 3?
- How to use safe center with flexbox?
- What CSS selector can be used to select the first div within another div
- Contain an image within a div?
- CSS: How to change colour of active navigation page menu