Mengenal CSS Transition

FREE JAV FULL DVDS ONLINE VIDEOS ,, DOWNLOAD IT NOW!

Mengenal CSS Transition

Hello Minna~!! abis try out jadi bisa posting-posting lagi nih XD. Blog ini terasa sangat sepi seperti padang gurun... Mengenal CSS Transition . jadi mau posting aja deh walaupun banyak yang udah tau.Ada yang tau css transition? #krik krik.......

Baiklah kita mulai belajarnya....Efek Transition adalah suatu cabang perusahaan dari Transcorp, tunggu f(-,-) ?. Efek transition itu adalah efek dimana kita mengatur waktu perubahan pada css tersebut.Ga ngerti? Mengenal CSS Transition . silahkan minum coklat panas dulu.

Seperti ini jika kita punya elemen css misalnya "kotak" warnanya merah saat di hover berubah menjadi biru tapi waktunya langsung,itu contoh tanpa transition. Kalau pake transition saat di hover ada jeda/jadi smooth/cool/cetar membahana gitu. Mengenal CSS Transition . Mari kita lihat contoh di bawah

Pakai Transition

kotak di atas adalah contoh dari penggunaan transition
cssnya

.kotak {
width:100px;
margin:auto;
height:100px;
background:#ff7900;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
color:#fff;
font-size:12px;
text-align:center;
line-height: 100px;
}
.kotak:hover {background:#ff0000;
}

#penjelasan teks warna orange itu adalah background nya kalau 0.4s (warna merah) itu waktu supaya dia full menghover. Waktunya itu 0.4 Second/Detik jadi semakin banyak angkanya semakin lama

Tanpa Transition

Tanpa Transition

tanpa transition,css nya
.kotak1 {
width:100px;
margin:auto;
height:100px;
background:#ff7900;
color:#fff;
font-size:12px;
text-align:center;
line-height: 100px;
}
.kotak1:hover{
background:#ff0000;
}

Nah udah ngerti kan dasar-dasarnya? Coba di otak-atik,peraktekan. kalau mau lihat contoh-contohnya bisa klik di blognya Pecinta Sayur =>  http://djogzs.blogspot.com/2010/12/30-trik-menarik-css3.html

cukup sampai di sini,kita akan berpisah :'( jangan lupa sering-sering ke Blog Yoshua untuk sekedar minum coklat panas dan bermain tic tac toe

Arigatou Gozaimasu !!!

FREE JAV FULL DVDS ONLINE VIDEOS ,, DOWNLOAD IT NOW!
Semoga artikel Mengenal CSS Transition bermanfaat bagi Anda.