إنضم لنا

Tombol button google play





Slamat malam Gan

Nih gan buat kalian yang suka search aplikasi kalian wajib nyoba button keren, versi google play dan apple nih gan ... Mau tau ini demonnya




Gimanah keren ngga ...
Langsung saja yuk jika kalian mau di bawah ini codenya kalian bisa langsung save css di bawah ini tepat di atas code </style>

.buttons {
	text-align: center;
}
.buttons a {
	width: auto;
	display:inline-block;
	position: relative;
}
.buttons a img {
	height: auto;
	display:block;
	width: 250px;
	transition: all .5s;
}
.buttons a span {
	position: absolute;
	width: 110px;
	height: 25px;
	color: black;
	line-height: 25px;
	left: 50%;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	margin-left: -55px;
	color: #fff;
	top: 50%;
	margin-top: -12.5px;
	border-radius: 4px;
	z-index: 999;
	transition: all .5s;
	opacity: 0;
}
.coming-soon img {
	opacity: 1;
	transition: all .5s;
}
.coming-soon:hover img {
	opacity: 0;
	transition: all .5s;
}
.coming-soon{
	background: #333333;
	border-radius: 11px;
	transition: all .5s;
}
.coming-soon:hover span {
	opacity: 1;
	pointer-events: none;
	transition: all .5s;
}

Dan ini html nya
<div class="buttons">
	<a href="">
		<img src="https://getonce.com/assets/images/svg/store/appstore--en.4c7135ef.svg" alt="">
	</a>
	<a href="" class="coming-soon">
		<span>Coming Soon..</span>
		<img src="https://getonce.com/assets/images/svg/store/playstore--en.618c3ad6.svg" alt="">
	</a>

Result



Mungkin ini ajah yang bisa saya seach hari ini semoga bermanfaat....

Wassalam..
Penulis:

Seorang Penulis Asal Tegal jawa tengah 


PENTING !!!
Untuk pertanyaan di luar topik silahkan Gunakan Komentar Facebook atau Google+ sengaja Kami sediakan Untuk komentar random Dan untuk pertanyaan seputar article gunakan komentar disqus Terimakasih...

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments:

This site uses cookies from Google to deliver its services, to personalise ads and to analyse traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies. Detail