Cari Tutorial | Cara Membuat Tombol Menyerupai Tombol Youtube - Kalau kita perhatikan tombol di youtube ataupun di blogger rasanya agak menarik karena agak simple, setelah di cari2 ternyata dapat juga ni kode css nya, nah bagi soba yang juga suka dengan tombol/button nya youtube/blogger ini akan saya kasih kode css nya, emang sih banyak banget tombol2 animasi lainnya kalau kita browsing2 tapi rasanya memakai tombol ini serasa agak akrab dengan si google karena di semua situs google semua memakai gaya tombol ini
Berikut contoh tombolnya :
Cara membuatnya sangat lah gampang tinggal sobat copy aja kode berikut dan bisa sobat taruh dimana sobat suka, gampangkan
<a class="thenumberone" data-page="2" data-sessionlink="ei=CNeu0JvY_rICFciRfAod9HFRjg%3D%3D" href="link yang ingin Anda buka" style="-webkit-box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; background-color: #e0e0e0; background-image: -webkit-linear-gradient(top, rgb(250, 250, 250) 0px, rgb(220, 220, 220) 100%); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(170, 170, 170); border-style: solid; border-top-left-radius: 2px; border-top-right-radius: 2px; border-width: 1px; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset; color: #555555; cursor: pointer; display: inline-block; font-family: arial, sans-serif; font-size: 11px; font-weight: bold; height: 2.78em; line-height: 2.8em; margin: 0px; outline: 0px; padding: 0px 0.91em; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: middle; white-space: nowrap; word-wrap: normal;"><span class="thenumberone" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px;">Tulisan yang ingin di tampilkan</span></a>
0 komentar:
Posting Komentar
Berikan Komentar anda, jangan melakukan spamming