Cara Membuat Tombol Download Dan Demo 3D Flip Di Blogger | Bahas Tutorial

Bahastutorial.com - Kesempatan kali ini kita akan Membuat Button 3D Flip Di Blogger. Nah Button Yang Sekarang Kita Bahas Adalah Berbeda dengan button biasanya. Button yang satu ini mempunyai keunikan button dari button lainya yaitu memiliki animasi 3D .


Cara Pemasangan :

1 Masuk Ke Blogger
2 Pilih Template/Tema
3 Kemudian Masuk Ke Edit Html
4 Simpan Kode CSS Tepat Di Atas Kode ]]></b:skin>
5 Simpan Kode HTML Di Postingan Yang Ingin Menggunakan Button Download 3D Flip ( Pilih Mode HTML Bukan Mode Compose)

CSS

 
  .indzign {
  margin: 5% auto;
  width: 400px;
  height: 100px;
  transform-style: preserve-3d;
  transition: transform .5s ease-in;
}

.indzign .dzign,
.indzign .blogger {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  line-height: 100px !important;
  color: #fff;
  font: 400 40px 'oswald', 'fontAwesome', sans-serif;
  text-align: center;
  width: 400px;
  height: 100px;
}

.dzign {
  background: #00bfff;
  transform: translateZ(50px);
}

.blogger {
  background: #f39c12;
  transform: rotateX(-90deg) translateZ(-50px);
}

.indzign:hover {
  transform: rotateX(90deg);
}

@media screen and (max-width: 600px) {
  h1 {
    font-size: 3rem;
  }
}

HTML

 
  <div class="indzign">
<div class="dzign">
<i class="fa-paper-plane" style="margin-right: 2px;"></i> Design
  </div>
<div class="blogger">
<i class="fa-code" style="margin-right: 2px;"></i> <a href="https://www.bahastutorial.com/"> Blogger </a>
  </div>
</div>

Bagaimana tutorial kali ini yang di bahas di situs Bahastutorial.com apakah bermanfaat atau sangat berguna buat kalian yang telah mengunjungi situs Bahastutorial.com?Semoga tutorial kali ini sangat bermanfaat buat kalian pengunjung setia situs Bahastutorial.com .. Apabila masi ada yang kurang ngerti dari tutorial di atas silahkan sampaikan dalam kolom komentar ..

kami siap untuk membantu kalian agar kalian nyaman saat mengunjungi situs web Bahastutorial.com. Apabila kalian ingin mengcopy paste Tutorial ini .. Silahkan kalian meminta ijin terlebih dahulu dengan cara meminta izin dalam kolom komentar ..

Apabila tidak meminta izin terlebih dahulu maka dari pihak Bahastutorial.com siap menindak atau melaporkan atas kejahatan me copy paste .. Terima kasih ditunggu ya tutorial selanjutnya salam dari Bahastutorial.com

★ ★ ★ ★ ★



