beseidel

Css Animate Social Buttons

A Pen by Ali Duman on CodePen.

License.

beseidel

Animated Buttons II: Circular Buttons

More animation buttons but for round buttons. Spinning buttons, focus rings, etc.

A Pen by Allison Betancourt on CodePen.

License.

beseidel

CSS3 Animated Buttons

A Pen by IRYNA PATSIHOVA on CodePen.

License.

beseidel

<div class="btn-open-close">
  <span class="bar1"></span>
  <span class="bar2"></span>
</div>

beseidel

<header>
  <div class="mobile-menu">
    <div class="patty"></div>
  </div>
  <div class="menu">
    <ul>
      <li>ITEM 1</li>
      <li>ITEM 2</li>
      <li>ITEM 3</li>
    </ul>

beseidel

Border animation - button

A Pen by Varin on CodePen.

License.

beseidel

.row
  .col
    .button.hover1
      %svg{:xmlns => "http://www.w3.org/2000/svg"}
        %rect.shape{:height => "100%", :width => "100%"}
      .content HOVER

  .col
    .button.hover2
      %svg{:xmlns => "http://www.w3.org/2000/svg"}

beseidel

<div class="wrapper">
  <h1>Some Nifty Hover Efx</h1>


  <a class="btn-drib">
    <i class="icon-drib fa fa-dribbble"></i> dribbble
  </a>
  
  <a class="btn-flickr">
    <i class="icon-flickr fa fa-flickr"></i> flickr

beseidel

Cool Button

A simple but cool animation button :)

A Pen by Fabrizio on CodePen.

License.

beseidel

animate button line

A Pen by Nikitesh on CodePen.

License.