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


Introductie

Met css-framework kun je de volgende elementen veranderen in mooie knoppen:

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

Voeg gewoon de volgende class toe button  (Klik op de Class naam om deze te kopiĆ«ren.)

Je kunt ook de volgende class toevoegen button-to-top aan je pagina. (Klik op de Class naam om deze te kopiƫren.)

Er verschijnt een pijl rechtsonder op uw pagina nadat u naar beneden scrolt. Als je erop klikt, schuift de pagina mooi omhoog.

De klas staat ook op deze pagina, scrol een beetje en kijk naar de rechter onderkant van je scherm!


Voorbeeld Buttons


Voorbeeldcode:

<!-- 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