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 "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.