Diposting oleh
khaidarRabu, 22 Februari 2012
Label:
BLOGGER,
JQUERY
BM7-Apple like retina itulah judul tutorial kali ini dalam pengertian biasa saya menyebutnya gambar membesar kalau dilewati oleh cursor mouse,penasaran apa yang disebut Apple like retina effect perhatikan cara2 simpel di bawah ini
1.Login ke akun blogger sobat
2.Masuklah Pada rancangan pilih edit HTML
3.Centang Expand Template Widget
4.Selanjutnya cari kode ]]></b:skin>
5.Lalu masukkan Script dibawah ini diatas ]]></b:skin>
Black-Market7:
#retina{
/* The Retina effect */
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNZzxgdrIDBTJsiyiNkP7bQuVrTSiVeCU8mJThSZPnJfufHCC3GvW0R1CswKvIZKXjexp_GH5fCL7-6EAiN2qc8JO7ZpAdY42VliOZz3sAiymufeC5KDulKYycMmeF7S7D-B6jEQ6CEYUO/s1600/00385.jpg') no-repeat center center white;
border:2px solid white;
/* Positioned absolutely, so we can move it around */
position:absolute;
height:180px;
width:180px;
/* Hidden by default */
display:none;
/* A blank cursor, notice the default fallback */
cursor:url('http://demo.tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/img/blank.cur'),default;
/* CSS3 Box Shadow */
-moz-box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
-webkit-box-shadow:0 0 5px #777;
box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
/* CSS3 rounded corners */
-moz-border-radius:90px;
-webkit-border-radius:90px;
border-radius:90px;
}
#retina.chrome{
/* A special chrome version of the cursor */
cursor:url('http://demo.tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/img/blank_google_chrome.cur'),default;
}
#main{
/* The main div */
margin:40px auto;
position:relative;
width:750px;
}
#iphone{
/* The iphone frame div */
width:750px;
height:400px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisIUAqZ4ikDRyWcb05Gr7hNy11eVvsiFFV8RDh0UVzxwiLvIQOHx78BC6QxEA8arJpdBj8xUaNpdoCfnVaih4_4majyuedh8f0joGmGTg9DveJjBZlLUKEZCMPNyJJ7jIbet4c2Hdb-gDi/s1600/iphone_4G.png') no-repeat center center;
position:relative;
}
============================================================== ==============================================================
terimakasih telah berkunjung ke black-market7.blogspot.com ============================================================== ==============================================================
.: Artikel Terkait :.
0
komentar:
Posting Komentar
Silahkan berkomentar asalkan tidak mengandung SPAM/SARA, jika komentar mengandng spam maka komentar tidak akan ditampilkan atau dihapus oleh admin blog ini. TERIMAKASIH
0 komentar:
Posting Komentar
Silahkan berkomentar asalkan tidak mengandung SPAM/SARA, jika komentar mengandng spam maka komentar tidak akan ditampilkan atau dihapus oleh admin blog ini. TERIMAKASIH