Skip to content

kolappannathan/acrylic-css

main
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 

Acrylic CSS

Demo GitHub GitHub issues GitHub contributors

A pure CSS based style for using acrylic effect in websites. This is inspired from Microsoft's Fluent Design Language. The CSS is validated using W3C validation tool.

W3C Validated

Download via

NPM GitHub release

How to use it

  1. Add acrylic.min.css to your website.
  2. Change the image URL in background-image:url("https://source.unsplash.com/random"); to the point to your website background.
  3. Now the effects should work

Credits

I thank the StackOverflow users shramee and GibsonFX for their contributions based on which this CSS is written.

About

A CSS based style for using acrylic effect in websites. This is inspired from Microsoft's Fluent Design Language.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Languages