Beberapa Codepen yang membantu menjelaskan beberapa fitur dari HTML5 dan CSS3

https://codeburst.io/html5-and-css3-features-3064a248fada

#codepen #css #html #css3 #html5

Artikel berseri lengkap pengenalan CSS versi CSS3 dengan ilustrasi visual

https://medium.com/@mikeludo/css-3-visual-learning-guide-part-6-e0da584c184b

#css #css3 #html #course

Pernahkah teman-teman menggunakan fitur tata letak (layouting) yang dimiliki oleh kerangka kerja CSS terkenal seperti Bootstrap, Vuetify, atau Tailwind? Container, row dan col adalah beberapa istilah familiar jika teman-teman sering menggunakan fitur tersebut.

Kira-kira teknologi CSS apasih yg digunakan oleh kerangka kerja CSS tersebut? Jawabannya adalah Flexbox. Flexbox memungkinkan teman-teman membuat tata letak (layouting) untuk ukuran layar besar maupun kecil.

Hanya dengan pos ini teman-teman dapat mempelajari Flexbox secara mendalam. Karena belajar CSS Flexbox tak pernah se-interaktif ini, setiap detail properti yang dimiliki Flexbox dapat teman-teman mainkan dengan fleksibilitas penuh. 🤯 👨‍💻 👩‍💻

#Vuejs #Nuxtjs #Flexbox #CSS3

https://jefrydco.id/blog/learn-flexbox-css-interactive/

Beberapa panduan CSS lengkap dalam menggunakan beberapa fitur CSS dari Log Rocket

----

Panduan menggunakan Flexbox
https://blog.logrocket.com/css-reference-guide-flex/

----

Menggunakan fungsi calc() di dalam CSS

https://blog.logrocket.com/css-reference-guide-calc/

---

Panduan membuat Border pada element DOM dengan CSS

https://blog.logrocket.com/css-reference-guide-border/

---

Membuat Hover effect pada element DOM dengan CSS

https://blog.logrocket.com/css-reference-guide-hover-selector/

---

Panduan menambahkan efek transisi CSS Transition

https://blog.logrocket.com/css-reference-guide-transitions/

---

Panduan menambahkan CSS untuk styling Button

https://blog.logrocket.com/css-reference-guide-button-styling/

---

Panduan menggunakan Overflow Element dengan CSS

https://blog.logrocket.com/css-reference-guide-overflow/

---

Panduan menggunakan Attributes Selector dengan CSS

https://blog.logrocket.com/css-reference-guide-attribute-selectors/

---

#guide #css #flexbox #overflow #css3

Latihan membuat efek CSS Drop shadow yang berwarna dan channel Online Tutorials

https://www.youtube.com/watch?v=8r3_HLVaWwM

—-

Latihan membuat hover card detail dengan CSS3 dan Animations

https://www.youtube.com/watch?v=UCaII0CKnq0

—-

Membuat efek tombol yang beranimasi ketika kursor mouse bergerak hover ke atasnya

https://www.youtube.com/watch?v=ANLgG1RtFVM

#css #onlinetutorials #css3 #cards #animations #hover