Mys2010 on Codepen

Memasang kode CSS Animated Identity Card  
Untuk menerapkan kode tersebut Langkah awal Login ke akun blog klik tombol blog baru    
buat satubuah link baru kemudian beri nama sesuai fungsi, klik Edit HTML pada link baru tersebut, hapus semua kode template ganti dengan kode blank template, yang tersedia pada sumber  berikut ini Get Blank Template edit background warna sesuai keinginan dan klik simpan selesai

Kemudian klik entri halaman baru HTML pada link tersebut
copy kode dibawah ini, pastekan kedalam halaman baru tersebut dan klik simpan selesai

* {
  box-sizing: border-box;
}

body {
  background-color:  #888;
}

.card {
  width: 600px;
  margin: 40px auto;
  background-color:  #C71585;
  color: #444;
  overflow: hidden;
  box-shadow: 5px 5px 0 0 #aaa;
}
.card h1 {
  margin: 0;
  padding: 20px;
  text-align: center;
  font-family: Roboto Slab;
  font-weight: 700;
  background-color: #778899 ;
  animation: fadein 1.2s;
}
.card img {
  float: left;
  width: 200px;
  height: 200px;
  margin: 20px;
  position: relative;
  z-index: 1;
  animation: grow 0.6s;
}
.card .bio {
  position: relative;
  margin: 20px;
  font-family: Merriweather Sans;
  animation: slidein 1.2s;
}

@keyframes fadein {
  from {
    color: transparent;
  }
  to {
    color: inherit;
  }
}
@keyframes grow {
  from {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes slidein {
  from {
    opacity: 0;
  }
  49.9% {
    opacity: 0;
  }
  50% {
    left: -240px;
  }
  to {
    left: 0;
  }
}
.comment {
  font-family: Merriweather Sans;
  font-size: 12px;
  color: #ddd;
  text-align: center;
}

<div class='card'>
<h1>
IDENTITY CARD
</h1>
<img src='http://Link Gambar.png'>
<p class='bio'>

<p>Name :</p>

<p>No. Identity :</p>

<p>Field of work :</p>
</div>
<div class='comment'>
<a href="http://myscript2010s.blogspot.co.id" target="_blank"title="Myscript2010">
IDENTITY CARD DESIGN VISIT MYS2010 </font>
</div>

Edited by. Myscript2010
Sources by. Assaf Gelber Codepen

DEMOSHOW