Follow Me On Twitter Facebook Fanspage Circle Me On Google Plus

Cara Membuat Durasi CSS Transisi pada Blog

Cara Membuat Durasi CSS Transisi pada Blog - AldoSEO | Tutorial kali ini hanya untuk mempercantik tampilan suatu blog agar terlihat lebih dinamis dan elegant. Efek ini bisa sobat kreasikan sendiri sesuai selera masing-masing.
Cara Membuat Durasi CSS Transisi pada Blog

Hover Pertama :


box1 {
display:block;
  width:50px;
  height:120px;
  background-color:#b00;
  margin:15px auto;
}

box1:hover {
height:150px;
  background-color:#f00;
  margin:0 auto;
}

Hover Kedua :


box2 {
display:block;
  width:50px;
  height:120px;
  background-color:#b00;
  margin:15px auto;
}

box2:hover {
height:150px;
  background-color:#f00;
  margin:0 auto;
 -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;
}

Hover Ketiga :


box3 {
display:block;
  width:50px;
  height:120px;
  background-color:#b00;
  margin:15px auto;
-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;
}

box3:hover {
height:150px;
  background-color:#f00;
  margin:0 auto;
 -webkit-transition:all 0s ease-out; -moz-transition:all 0s ease-out; -o-transition:all 0s ease-out; transition:all 0s ease-out;
}
Judul: Cara Membuat Durasi CSS Transisi pada Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Septialdo Nursukma

Terimakasih atas kunjungan Sobat beserta kesediaan Anda membaca artikel ini. Kritik dan Saran sobat dapat sampaikan melalui Kotak komentar dibawah ini.

Baca Artikel Menarik Lainnya:

Posted by: Septialdo Nursukma
AldoSEO | Tips dan Trik SEO Blogspot, Updated at: 06.50

6 komentar:

Blog ini tidak menerima komentar :
- OOT (Out of Topic)
- Pendek
- SPAM (Meninggalkan link)
- Promo

Follow
Follow