Rabu, 30 Juli 2014

Posting Kode JavaScript dan CSS

Ini postingan yang menggunakan tag pre atau code.
.pembesaran {width: 500px; margin: 50px auto; position: relative;}

/*kaca pembesar*/
.besar{
 width: 175px; height: 175px;
 position: absolute;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
 /*Multiple box shadows to achieve the glass effect*/
 -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
 0 0 7px 7px rgba(0, 0, 0, 0.25), 
 inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
 
  -moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
 0 0 7px 7px rgba(0, 0, 0, 0.25), 
 inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
 
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
 0 0 7px 7px rgba(0, 0, 0, 0.25), 
 inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
 
 /*Muat gambar ukuran asli*/
 background: url('http://wellcomecollection.files.wordpress.com/2013/04/ns-sem-head.jpg') no-repeat;
 
 /*sembunyikan lup*/
 display: none;
}

/*Mengatasi masalah overlap saat pembesaran*/
.kecil { display: block; }

Berbeda dengan teks biasa yang tidak diapit oleh tag pre-code.
Menulisnya di editor HTML bukan Compose.

6 komentar

ikut test http://aoanotheropinion.blogspot.com/

6 Komentar



Baca Konversi Kode OOT Smiley

Beranda
 
Selamat datang di Jelasinblog.blogspot.com, ini blog taman bermain saya. Biasakan baca halaman About atau Credit untuk melihat info sebuah situs.