Home » » Cara Membuat Gambar Membesar dengan CSS

Cara Membuat Gambar Membesar dengan CSS

Written By Abdulharis on 17 Oktober 2014 | 5:03 PM

Cara Membuat Gambar Membesar dengan CSS- Ketika mengunjungi website sang Legenda yaitu dte.web.id, saya nemu macam-macam efek pada gambar. Nah padasaat itu terpikir olehku untuk membuat efek tersebut pada gambar di posting blog.

Letakkan kode CSS ini di atas kode <b:/skin> :
.post img {
  -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -ms-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
}

.post img:hover {
  -webkit-transform:scale(2,2);
  -moz-transform:scale(2,2);
  -ms-transform:scale(2,2);
  -o-transform:scale(2,2);
  transform:scale(2,2);
}

Klik Simpan Template lalu lihat blog anda
Share this article :

0 komentar:

Posting Komentar

Selamat berkomentar !
Selalu tinggalkan Jejek ente pada blog yang sudah memberi ente informasi :)
Tips menyisipkan item :
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ENTE...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ENTE...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ENTE...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ENTE...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ENTE...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ENTE...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ENTE...</strong>
Untuk menciptakan efek huruf miring gunakan tag <em>TEKS ENTE...</em>

 
Link Sahabat : ZONA BARU KAMU | DFC48 | NARUNOTE | Ingin Pasang ? Klik aja | Ingin Pasang ? Klik aja
| Ingin Pasang ? Klik aja
Copyright © 2014. AHA <:> - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger