Elemen Anak (Item) Elemen turunan langsung dari kontainer flex secara otomatis menjadi item fleksibel (flex). Contoh : Berikut ini merupakan properti item flex : order flex-grow flex-shrink flex-basis flex align-self…
Tag:
CSS
Tooltip Dasar Tooltip berfungsi untuk menampilkan teks atau gambar ketika mouse digerakkan ke arah item yang ada di website. Contoh : Penjelasan Kode HTML: Gunakan elemen kontainer (<div> ) dan…
Jenis Media yang Diperkenalkan CSS2 Aturan @media diperkenalkan di CSS2, digunakan untuk menemtukan style yang berbeda untuk tpe yang berbeda. Contoh: Kita bisa memiliki satu set aturan style untuk layar…
Pagination Sederhana Jika kita memiliki situs web dengan banyak halaman, kita mungkin bisa menmbahkan pagination pada setiap halamannya. Contoh : Pagination Aktif dan Hoverable Sorot halaman saat ini dengan kelas…
Button merupakan tombol untuk memproses data yang telah diinput ke textfield, bisa berupa submit(memproses data inputan) dan juga reset(membatalkan proses inputan). Style Dasar Button CSS Contoh : Warna Button Gunakan…
Animasi CSS Properti CSS memungkinkan animasi elemen HTML tanpa menggunakan JavaScript atau Flash! Berikut ini properti animasi CSS yang akan kita pelajari : @keyframes animation-name animation-duration animation-delay animation-iteration-count animation-direction animation-timing-function…
Transisi CSS Transisi CSS memungkinkan kita untuk memanipulasi properti atau value sebuah elemen dengan baik dalam durasi tertentu. Berikut ini properti transisi CSS yang akan kita pelajari : transition transition-delay…
Properti Kustom CSS (Variabel) Fungsi var() bisa digunakan untuk memasukkan nilai properti khusus. Browser Pendukung Function Google Chrome Microsoft Edge Mozila Firefox Safari Opera var() 49.0 15.0 31.0 9.1 36.0…
Transformasi 2D CSS Transformasi di CSS memungkinkan kita untuk memindahkan, memutar, menskalakan, dan memiringkan elemen.Berikut ini adalah properti CSS yang akan nkita pelajari : transform Browser Pendukung Angka-angka dalam tabel…
Transformasi 3D CSS Setelah mempelajari transformasi CSS 2D, kali ini kita akan mempelajari transformasi CSS 3D. Berikut ini properti yang digunakan pada transformasi CSS 3D : transform Browser Pendukung Angka-angka…