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..

Baca juga