https://github.com/tomashubelbauer/css-fading-box-shadow

A CSS hack for fading box shadow effect not achieveable using pure CSS
https://github.com/tomashubelbauer/css-fading-box-shadow

box-shadow css

Last synced: about 2 months ago
JSON representation

A CSS hack for fading box shadow effect not achieveable using pure CSS

• Host: GitHub
• URL: https://github.com/tomashubelbauer/css-fading-box-shadow
• Owner: TomasHubelbauer
• Created: 2019-03-05T11:50:26.000Z (over 7 years ago)
• Default Branch: main
• Last Pushed: 2022-04-14T19:59:29.000Z (about 4 years ago)
• Last Synced: 2025-06-09T05:03:34.811Z (about 1 year ago)
• Topics: box-shadow, css
• Language: HTML
• Homepage: https://tomashubelbauer.github.io/css-fading-box-shadow
• Size: 1.95 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# CSS Fading Box Shadow

In this repository I attempt to prototype and demonstrate a fading box shadow

applied to the top and bottom edges of a container.

During the experimentation phase I realized that a radial gradient may be a

better fit and use that instead.

[**DEMO**](https://tomashubelbauer.github.io/css-fading-box-shadow)

## To-Do