Pengunaan Nilai Property Pada Transition CSS3

Selanjutnya parameter yang kedua yang akan kita bahas adalah nilai property pada transition dimana parameter property ini menentukan property apa saja yang akan diberikan transisi bisa saja lebih dari satu property atau hanya satu property saja. Kita akan lihat contoh sederhananya sebelumnya kita sudah punya keadaan awalnya dan ada keadaan akhirnya tapi pada saat boxnya dihover dan disitu kita sudah mencoba berikan transisi selama satu detik dimana pada saat kita melakukan transisi maka CSS akan melihat perubahan apa yang terjadi dari keadaan awal ke keadaan akhirnya dalam hal ini yang berubah hanya satu saja yakni transform. Sebenarnya kita bisa ubah sekaligus dan menambahkan satu property lagi misalnya saya akan geser posisinya sebanyak 200px

Tetapi kita akan ubah sedikit struktur HTMLnya dimana class boxnya saya masukkan kedalam satu div yang saya berikan dengan nama class main

dan sekarang keadaan akhirnya bukan pada saat cursornya diletakkan diatas boxnya tapi saya akan melakukan transisi ketika saya meletakkan cursornya diatas main maka dari itu saya ubah keadaan akhirnya sebagai berikut

yang artinya pada saat mainnya saya hover maka box didalamnya akan bergeser posisinya dan lalu berputar 40 derajat.

Supaya div mainnya keliatan kita bisa berikan sedikit CSSnya

Oke itu saja yang dapat kita bahas hari ini. Kita akan lanjutkan pada bagian berikut terima kasih.

10 September 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat