acrylic.css

Release 1.0.1

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

Homepage NuGet CSS Download

Keywords
css, acrylic, fluentdesign, fluent, web, transparent, transperency, style, language, npm, nuget, npm-package, nuget-package, css-effects, microsoft-fluent, fluent-design, acrylic-material, acrylic-css
License
MIT
Install
Install-Package acrylic.css -Version 1.0.1

Documentation

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.

Stats

Dependencies
0
Dependent packages
0
Dependent repositories
0
Total releases
2
Latest release
First release
Stars
11
Forks
0
Watchers
2
Contributors
2
Repository size
241 KB
SourceRank
4

Development practices

Source repo 2FA enabled
TEXT!
Package manager 2FA enabled
TEXT!
Is security responsive
TEXT!
Dependencies are managed
TEXT!
Issue-free release available
TEXT!
Succession plan available
TEXT!
Package manager 2FA enabled
TEXT!

The Tidelift Subscription provides access to a continuously curated stream of human-researched and maintainer-verified data on open source packages and their licenses, releases, vulnerabilities, and development practices.

Learn more →

Releases

1.0.0
1.0.1

Contributors

Kolappan Nathan Imgbot


See all contributors

Something wrong with this page? Make a suggestion

Export .ABOUT file for this package

Last synced: 2021-06-07 07:50:01 UTC

Login to resync this project