• Logo Sekolah Kami

    SMKN 5 Jember

  • Hasil memotret dengan cara panning

    Panning adalah memotret dengan menggerakkan kamera searah dengan arah gerakan obyek yang ingin dibidik sehingga obyek akan tampak fokus sementara background tampak kabur.

  • Gambar Susunan Pengkabelan Jaringan

    Ini adalah susunan Pengkabelan Straight (Kabel untuk LAN) dan Pengkabelan Cross (Kabel untuk peer to peer)

  • Blogger dan Wordpress

    Blogger dan Wordpress adalah salah satu media pembuatan Web

  • Hacker

    Hacker adalah

  • This is Slide 6 Title - NewBloggerThemes.com

    This is slide 6 description. Go to Edit HTML and find this content. Replace it your own description.

Sabtu, 02 Maret 2013

Posted by Unknown
No comments | 15.40
CSS Code
.scale_wrap {
 border: 1px solid #aaa;
 margin: 10px;
 padding: 5px;
 width: 150px;
 background: #ddd;
}
a.scale img {
 width: 150px;
}
a.scale:hover img {
 -webkit-transform: scale(1.5);
 -moz-transform: scale(1.5);
 -o-transform: scale(1.5);
 transform: scale(1.5);
}
  
HTML Code
<div class="wrap_scale">
 <a href="image_scale.html" class="scale"><img src="beach.jpg" alt="bali beach" /></a>
</div>
  
Hasilnya


Scale transform in and border radius

Contoh:
a#scale_in img {
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
a#scale_in:hover img {
 -webkit-transform: scale(0.5);
 -moz-transform: scale(0.5);
 -o-transform: scale(0.5);
 transform: scale(0.5);

 -webkit-box-shadow: 0px 0px 35px rgba(0,0,0,0.4);
 -moz-box-shadow: 0px 0px 35px rgba(0,0,0,0.4);
 -o-box-shadow: 0px 0px 35px rgba(0,0,0,0.4);
 box-shadow: 0px 0px 35px rgba(0,0,0,0.4);
 -webkit-border-radius: 360px;
 -moz-border-radius: 360px;
 -o-border-radius: 360px;
 border-radius: 360px;
}
  
HTML Code
<a href="" id="sclale_in"><img src="robots" /></a>
  
Hasilnya
robots

0 komentar:

Posting Komentar

Blogroll

About