Official SavirCSS Docs

Quick Links:

Create Rainbow Text:

<p class="rainbow">Hello, world!</p>

Output: Hello, world!

Create Shadowed Text:

<p class="shadowed">Hello, world!</p>

Output: Hello, world!

Create Button Link:

<a class="linkbutton">Hello, world!</a>

Create "Pressed" Buttons (Version 0.3 or later):

<button class="pressed-button">Hello, world!</button>

Output:

Create Top Navigation Bar:

<div class="navigation-top">Hello, world!>
<a class="active">Link 1</a>
<a href="#">Link 2</a>
<div class="dropdown">

<button class="dropbtn">Dropdown
<i class="fa fa-caret-down"></i>

</button>
<div class="dropdown-content">
<a href="#">Link 1</a>
</div>
</div>
</div>

Output:

Create SavirCSS Form:

To learn how to create a SavirCSS form, visit this page.

Use SavirCSS:

To learn how to use SavirCSS on your website, visit this page.