Tombol Share Keren Dengan Efek Slide Ala Kang Adhy

Kesamping
CSS

.container {
  width:200px;
  display:block;
  margin:20px auto;
  position:relative;
    font-family:Arial;
}

HTML

<div class="container">
  <div class="con_down">
      <i class="fa fa-download fa-2x"></i>
    <h4>Download now</h4>
  </div>
  <div class="con_sizes">
  <div class="sizes">
    <h5 class="size">34.5 MB</h5>

Kebawah
CSS

.container {
  width:200px;
  display:block;
  margin:20px auto;
  position:relative;
    font-family:Arial;
}

HTML

<div class="container">
  <div class="con_down">
      <i class="fa fa-download fa-2x"></i>
    <h4>Download now</h4>
  </div>
  <div class="con_sizes">
  <div class="sizes">
    <h5 class="size">34.5 MB</h5>

Font Awesome taruh di atas </head> bagi yang belum ada

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: