GitXplorerGitXplorer
k

acrylic-css

public
19 stars
1 forks
0 issues

Commits

List of commits on branch main.
Verified
db409de7d4e380f2eac1d8c0f901b14aefd2640d

Update README.md

kkolappannathan committed 2 months ago
Verified
cfbc0d5958b905b9c1a765193a76bd9ebbd7a060

Update README.md

kkolappannathan committed 2 months ago
Unverified
b8a12cd37d792a8b31160b039cbfd61cccfbb100

Update package.json

kkolappannathan committed 3 years ago
Unverified
1a893475da66d7b95a70f1c5a70114b3a0c25624

bug fixes

kkolappannathan committed 3 years ago
Unverified
c08f7754a1c4f2b10731d28849bc5d6a571dfe48

Merge branch 'main' of https://github.com/kolappannathan/acrylic-css into main

kkolappannathan committed 3 years ago
Unverified
1014fda4d42c46e9c367546faac7f1b225853e70

v2.0.0

kkolappannathan committed 3 years ago

README

The README file for this repository.

Acrylic CSS

Demo GitHub GitHub issues GitHub contributors

The repository is archived for reference. The package is no longer maintained.

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.

Screenshot from 2024-07-28 19-57-08

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.