https://github.com/georgewpark/radial-gradient-spotlight-effect

This project demonstrates how CSS radial gradients can be used to create a focusable spotlight effect.
https://github.com/georgewpark/radial-gradient-spotlight-effect

css css-gradients radial-gradient spotlight

Last synced: 3 months ago
JSON representation

This project demonstrates how CSS radial gradients can be used to create a focusable spotlight effect.

• Host: GitHub
• URL: https://github.com/georgewpark/radial-gradient-spotlight-effect
• Owner: georgewpark
• License: mit
• Created: 2018-08-16T16:46:05.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-08-31T13:45:51.000Z (over 6 years ago)
• Last Synced: 2025-01-15T11:12:30.475Z (4 months ago)
• Topics: css, css-gradients, radial-gradient, spotlight
• Language: CSS
• Homepage: https://cdpn.io/ELemzZ/
• Size: 3.32 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: license.md

Awesome Lists containing this project

README

        
# Radial Gradient Spotlight Effect

This project demonstrates how CSS radial gradients can be used to create a focusable spotlight effect.

![Radial Gradient Spotlight Effect Demo](demo-gif.gif "Radial Gradient Spotlight Effect Demo")

## Live Demo

A live demo is available on [CodePen](https://codepen.io/GeorgePark/full/ELemzZ).

## License

This project is licensed under the MIT License - see the [license.md](license.md) file for details.