ACRILIC CSS 1

ACRILIC CSS 1 is a lightweight and easy-to-use CSS library that provides a modern and sleek design for web applications. It's designed to give a plastic-like effect to elements, allowing for a smooth transition between shades and colors.

Features

• Lightweight and easy to use
• Plastic-like effect
• Smooth transition between shades and colors
• Cross-browser compatibility

Installation

You can include ACRILIC CSS 1 in your project by either downloading the CSS file and including it in your HTML or by adding the code below in your head tag.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/younes-alturkey/acrilic-css1/acrilic.min.css">

Usage

ACRILIC CSS 1 provides a variety of classes that you can add to your HTML elements to achieve the plastic-like effect. For example, you can use the acr-button class to style a button element.

<button class="acr-button">Button</button>

Alternatively, you can use the acr-input class to style an input element.

<input type="text" class="acr-input">

ACRILIC CSS 1 also provides different color schemes that you can choose from. You can use the acr-primary class to set the primary color and the acr-secondary class to set the secondary color.

<button class="acr-button acr-primary">Primary Button</button>
<button class="acr-button acr-secondary">Secondary Button</button>

Demo

Check out the ACRILIC CSS 1 demo to see it in action.

Example

Conclusion

ACRILIC CSS 1 is an excellent choice for web developers who want to add a modern and sleek design to their web applications. Its plastic-like effect and smooth transitions make it a great style option.