Poin: 240 EXP
❱ Intro css3
Apa itu css3❱ Border dan box
Border radius Box shadow Box sizing dan vendor prefix❱ Menghias text
Text shadow Word wrap dan Text overflow❱ 2d transform
Translate dan rotate Scale dan Skew❱ Transition
Transition❱ 3d transform
Perspective 3d translate and rotate 3D Scale pada css❱ Membuat efek flipcard
Membuat kartu part1 Membuat kartu part2❱ Animation
Perkenalan animasi dan keyframes Iteration dan direction Delay, fillmode, timing dan playstate Keyframes dengan persen❱ Property baru lainnya
Property baru background Overflow resize dan opacity Font face dan google font❱ Selektor baru
Pseudo classes Pseudo nth child Pseudo pada inputCSS3 adalah versi terbaru dari css, ada banyak property-property baru yang bisa kita pelajari dan manfaatkan untuk website. Pastikan sudah familiar dengan dasar css sebelum mengikuti kelas ini
Border radius digunakan untuk mengatur radius dari sisi sisi elemen, kita bahkan bisa membuat suatu elemen berbentuk bulat dengan ini
Menambahkan efek bayangan pada element html dengan menggunakan box shadow
Vendor prefix adalah cara memberitahu browser tertentu yang belum sepenuhnya mendukung property baru di css3, ada juga box sizing untuk mengatur cakupan lebar dari suatu element
Kalau sebelumnya kita belajar box shadow, ada juga text shadow untuk mengatur bayangan pada text, berikan efek keren pada text website kita
Atur bagaimana text dibungkus oleh css, dengan menggunakan property word wrap dan text overflow
Mulai mengubah konten secara 2d dengan property translate dan juga rotate
Mulai mengubah konten secara 2d dengan property Scale dan juga Skew
Property transition pada css memberikan efek ketika melakukan perubahan pada element element tertentu
Atur perspective atau cara pandang dari satu elemen, untuk menampilkan kesans 3 dimensi
Ternyata translate dan rotate bisa kita gunakan juga untuk membuat efek 3 dimensi!
Melihat efek scale pada 3 dimensi
Latihan memanfaatkan property 3 dimensi yang ada pada css, dengan membuat efek flip card
Latihan memanfaatkan property 3 dimensi yang ada pada css, dengan membuat efek flip card bagian kedua
Buat animasi melalui css ternyata sangat mungkin! lihat property animation dan juga apa itu keyframes
Mengatur iterasi dan arah pada animasi yang kita buat di css
Masih ada banyak lagi yang bisa kita atur dengan animasi pada css, diantaranya Delay, fillmode, timing dan playstate
Ternyata mengatur keyframes bisa kita lakukan dengan bantuan satuan % (persen), dengan ini animasi jauh lebih fleksibel
Kita pernah melihat property background pada css dasar, dengan css3, masih banyak lagi yang bisa kita lakukan
Konten yang melebihi batasnya, bisa diatur dengan property overflow resize, ada juga opacity untuk mengatur transparansi suatu elemen
Bosan dengan font yang itu-itu saja? kita bisa mengambil font dari font lokal yang kita punya ataupun dari library gratis seperti google font
Selektor yang bisa kita lakukan untuk memilih element html di berbagai macam kasus dengan pseudo classes
Mengatur elemen kebarapa bahkan dengan rumus pada css
Input juga punya berbagai macam pseudo classes, yang bisa kita manfaatkan untuk membuat lebih menarik pada css