Iklan Murah
Buat Spoiler With CSS.docx

Buat Spoiler With CSS

Buat Spoiler With CSS | malam malam gini bingung mau post apaan.. :D
eh pass blogging belajar css nemu yang beginiian.. :v (Buat Spoiler With CSS)
langsung aja nih sedot codenya :
<title>Demo Spoiler link with css</title>
<body text="#b00">
<center>Demo spoiler with css..
<style>
input.trigger {
  display:inline-block;
  margin:0;
  padding:0;
}

.spoiler {
  overflow:hidden;
  background-color:white;
  margin:10px 0 0;
  padding:0 30px;
  height:0;
  visibility:hidden;
  -webkit-transition:all 1s ease-in-out;
  -moz-transition:all 1s ease-in-out;
  -ms-transition:all 1s ease-in-out;
  -o-transition:all 1s ease-in-out;
  transition:all 1s ease-in-out;
}

input.trigger:checked + .spoiler,
input.trigger:checked + br + .spoiler {
  padding:15px 30px;
  visibility:visible;
  height:300px;
  overflow:auto;
}
</style>
<input type="checkbox" class="trigger"/> Buka/Tutup Spoiler
<div class="spoiler">
Konten di sini...
</div>
</center>
untuk demo :
atau bisa dicoba sendiri hehe :D
atau juga bisa yang dibawah ini :

Buka/Tutup
Aku ganteng :P wkkw wkwk hahah
Anda baru saja membaca artikel yang berkategori CSS / Web dengan judul Buat Spoiler With CSS. Anda bisa bookmark halaman ini dengan URL http://rpl4rt.blogspot.com/2013/02/buat-spoiler-with-css.html. Terima kasih!
Ditulis oleh: Ferdhika Yudira - Kamis, 21 Februari 2013

Belum ada komentar untuk "Buat Spoiler With CSS"

Posting Komentar

Harap berkomentar sesuai dengan isi posting & komentar spam tidak akan ditampilkan.

Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus

Copyright © 2014 RPL4rt Powered by Blogger