Kumpulan Trick Blog TErbaru

About

New Trick hayalah blog kecil yang mencoba untuk memberikan dan menyajikan trick dan tips tentang blog
Selasa, 22 November 2016

Kode CSS: Membuat Efek Button 3D Sederhana

Kode CSS: Membuat Efek Button 3D Sederhana - Dahulu kala untuk membuat sebuah efek 3D (tiga dimensi) dalam sebuah blog masih diperlukan file javascript dan seiring perkembangan otak manusia untuk membuat sesuatu agar lebih mudah, penggunaan javascript tersebut kini sudah ditiadakan untuk efek-efek minimalis, salah satunya Efek Button Tiga Dimensi yang akan saya jelaskan berikut ini. Atau jika tertarik untuk membuat efek tiga dimensi lainnya dari blog ini, silahkan baca Teks 3 Dimensi

Kode CSS: Membuat Efek Button 3D Sederhana

Dan berikut cara membuat efek button 3D, kode ini dibuat sesederhana mungkin dan tidak perlu repot-repot dalam memasangnya ke dalam template blog

CSS
.btn3D {
display: block;
border: 1px solid;
border-color: #aaa #000 #000 #aaa;
width: 8em;
background: #fc0;
}

.btn3D:hover {
position: relative;
top: 1px;
left: 1px;
border-color: #000 #aaa #aaa #000;
}

HTML
<a class="btn3D" href="http://all-trick-blogs.com/jual-ebook-bisnis-online">Jual Ebook Bisnis Online</a>

Real DEMO
Jual Ebook Bisnis Online

Ingin membuatnya lebih menarik? Silahkan kembangkan kreartifitas sobat, terimakasih telah membaca artikel ini, Kode CSS: Membuat Efek Button 3D Sederhana




Klik untuk melihat kode: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@

TOP