Friday, May 22, 2015

Cute Ex-link Box Style

Gifta membuat tutorial lagi, nih! Contoh bisa lihat setelah READ MORE ya ...
Live Preview:

NAME NAME NAME NAME
Pengen? Ikuti step di bawah!

1. Buat pages ex-link kamu / buka page ex-link kamu
2. Copy kode di bawah dan paste di bawah semua kode. Tapi sebelumnya hapus semua nama teman kamu yang pernah ex-link
<style>
a.navvv{
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    margin: 2px;
    display: inline-block;
    text-align: center, middle align;
    font-family: short stack;
    font-size: 14px;
    background: #fff;
    color: #000;
    width: 100px;
    border: 1px solid #D1ACF8;
    width: 100px;
}
a.navvv:hover{
 box-shadow: inset 100px 0px 100px #D1ACF8;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  color: #F9F3FF;
</style>  <br />
<div style="text-align: -webkit-center;">
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
3. Publish / Save!


There are 8 comments.
Please post another comment..