Halo semuanya! kembali lagi di konten pemuda koding yang membahas seputar web development khususnya frontend development. di koten-konten sebelumnya kita membahas tentang CSS dari mulai sejarah, perkembangan, anatomi, sampai beberapa penggunaan CSS dalam halaman HTML. Nah dikonten kali ini kita akan membahas tentang versi CSS generasi ketiga dengan fiturnya yang keren-keren, yaitu CSS3. Di CSS3 ini beberapa fitur yang unik dan tentunya keren banyak ditambahkan di dalamnya. Penasaran apa aja itu? langsung aja kita ke pembahasannya ya!
CSS3 sebenarnya telah dipublikasi sejak tahun 1999 dan baru populer sekitar tahun 2010. Sebenarnya pengertian CSS3 yang berarti CSS dengan generasi ketiga ini serupa dengan pengertian CSS itu sendiri, yang membedakan adalah pada CSS3 ditambahkan fitur2 yang menunjang visualisasi yang lebih menarik dan interaktif, seperti animasi, transisi, transformasi, sampai layout yang fleksibel. Dengan adanya CSS3 ini maka pengalaman untuk pengguna akan lebih menarik lagi. Contoh dari fitur-fitur atau property pada CSS3 di antaranya:
Properti Border:
- Border Color
- Border Image
- Border Radius
- Box Shadow
Properti Background:
- Background Origin
- Background Clip
- Background Size
- Multiple Background
Properti Color:
- HSL Color
- HSLA Color
- RGBA Color
- Opacity
Properti Text:
- Text Effects
- Text Shadow
- Text Overflow
- Wordwrap
Properti User Interface:
- User Intercafe
- Box Sizing
- Outline
- Resize
Properti Lainnya:
- Overflow X
- Overflow Y
- Media Queries
- Web Font
- Multi Column Layout
Meskipun penggunaan CSS3 sangat powerful, namun belum semua browser support CSS generasi ketiga ini. Beberapa browser yang sudah support dengan CSS3 adalah Mozila Firefox, Safari, Opera, Google Chrome dan Internet Explorer 9. Nah seperti itulah pembahasan singkat mengenai CSS generasi ketiga yang kehadirannya sangat powerful dan bermanfaat bagi web developer dalam pengembangan web. Sampai sini dulu konten kali ini, pemuda koding pamit dan sampai jumpa di konten selanjutnya ya! Salam koding.
Tidak ada komentar:
Posting Komentar