effect button css
Seperti yang saya postingkan tentang Demo button efect slide nah kali ini seoke.pom mau mempostingkan tentang Effect button css untuk blog,jika kalian membutuhkan effect tersebut silahkan copy paste code code di bawah ini.
foto By www.sanwebe.com
seperti biasa kalin harus terlebih dahulu masuk pada blog kalian
- masuk ke DASHBOARD
- pilih TEMPLATE
- terus pilih edit HTML
Silahkan kalian cari kode ]]></b:skin> dan masukan code di bawah ini tepat di atas kode tersebut.
- CSS
.container {
width: 200px;
height: 100%;
margin: 0 auto 0;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
background: #fff;
}
.pulse-button {
position: relative;
top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px;
display: block;
width: 100px;
height: 100px;
font-size: 1.3em;
font-weight: light;
font-family: 'Trebuchet MS', sans-serif;
text-transform: uppercase;
text-align: center;
line-height: 100px;
letter-spacing: -1px;
color: white;
border: none;
border-radius: 50%;
background: #5a99d4;
cursor: pointer;
box-shadow: 0 0 0 0 rgba(90, 153, 212, 0.5);
-webkit-animation: pulse 1.5s infinite;
}
.pulse-button:hover {
-webkit-animation: none;
}
@-webkit-keyframes pulse {
0% {
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
70% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
}
100% {
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
}
}
setelah itu simpan template sobat semua.
Kita lanjut untuk pemasangn pada postingan kalian tetap dalam DASHBOAD blog lalu pilih POS dan pilih entri baru pada mode HTML bukan COMPOSE,masukan kode di bawah ini dalam postingan kalian
- HTML
<div class='container'>
<span class='pulse-button'>pulse</span>
</div>
Jika kalian sudah siap mwmpostingkannya silahkan publikasikan postingan kalian dan lihat effect button tersebut berubah atau tidak,Jangan lewatkan jug artikel menarik lainnya tentang Cara membuat permalink pada blog dan Membuat toggle unik untuk blog.
Terima kasih kalian telah berkunjung di blognya seoke.com dan postingan effect button css.
jika kalian punya jeritik dan saran silahkan tinggalkan pesanya di komentar.
Terima kasih.
Ditulis Oleh : Seoke.com Blogger
Terima kasih telah berkunjung di effect button css.Silahkan kalian masukan mail kalian untuk berlangganan lewat mail tentang artikel terbaru dari SEOKE.COM.
0 komentar:
Post a Comment