acrylic.css 1.0.1

Acrylic CSS

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

Install-Package acrylic.css -Version 1.0.1
dotnet add package acrylic.css --version 1.0.1
<PackageReference Include="acrylic.css" Version="1.0.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add acrylic.css --version 1.0.1
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

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

Usage

  1. Download and include the acrylic.min.css file in your website.
  2. Change the image URL in background-image:url("../demo/demo.jpg"); to the point to your website background.
  3. Now the effects should work

The background image can also be changed dynamically using JavaScript. You can find an example script here.

For more details see the website: https://kolappannathan.github.io/projects/acrylic-css

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

Usage

  1. Download and include the acrylic.min.css file in your website.
  2. Change the image URL in background-image:url("../demo/demo.jpg"); to the point to your website background.
  3. Now the effects should work

The background image can also be changed dynamically using JavaScript. You can find an example script here.

For more details see the website: https://kolappannathan.github.io/projects/acrylic-css

Release Notes

https://github.com/kolappannathan/acrylic-css/blob/master/CHANGELOG.md

Dependencies

This package has no dependencies.

Version History

Version Downloads Last updated
1.0.1 132 1/3/2019
1.0.0 124 11/16/2018