flag
X logo
Menu
Home Icons Contact
Docs
Typography
Responsive
Containers Grid Align Display
Navigation
Topnav Sidenav Slide down nav Verticale nav Fullscreen nav Buttons Pagination
Pictures
Images Animation Parallax Sliteshow Thumbnail
Helpers
Helpers Padding Margin
More
Accordion Borders Cards Colors Form List Popup modal Table Tooltips

Buttons


Introduction

With css framework you can change the following elements into beautiful buttons:

<a></a>
<button></button>
<input type="button" />
<input type="submit" />

Simply add the class button  (Click on the Class name to copy it.)

You can also add the class button-to-top to your page. (Click on the Class name to copy it.)

An arrow will appear at the bottom right of your page after a scroll down. If you click on it, the page slides up nicely.

The class is also put on this page, scroll a bit and look at the right bottom of your screen!


Example Buttons


Example code:

<!-- BUTTON TO TOP -->
<button class="button-to-top"></button>
<!-- XXXXXXXXXXXXXXXX -->

<div class="container">
  <div class="center">
    <a class="button" href="#">a class='button'</a>
  </div>
  <div class="center">
    <button class="button">button class='button'</button>
  </div>
  <div class="center">
    <input class="button" type="submit" value="input class='button' type='submit'" />
  </div>
  <div class="center">
    <input class="button" type="button" value="input class='button' type='button'" />		
  </div>
</div>


© Copyright by Web Henkie
All right reserved
Webmaster