Assalamu'alaikum Wr... Wb...
Yuk belajar CSS3
A. Pengertian
Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Wors yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna table, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
Dengan CSS3 Anda dapat menambahkan bayangan untuk teks dan elemen.
Dalam bab ini Kita akan belajar tentang sifat-sifat berikut:
1. CSS3 efek text dan elemen
text-shadow : Menambahkan satu atau lebih bayangan untuk teks
box-shadow : Menambahkan satu atau lebih bayangan untuk elemen
2.
CSS3 Properti kotak-shadow
Properti CSS3 box-shadow berlaku bayangan untuk elemen.
Dalam penggunaannya sederhana, Anda hanya menentukan bayangan horizontal dan bayangan vertikal
3.
CSS3 AnimasiProperti CSS3 box-shadow berlaku bayangan untuk elemen.
Dalam penggunaannya sederhana, Anda hanya menentukan bayangan horizontal dan bayangan vertikal
Apa CSS3 Animasi?
Animasi memungkinkan elemen secara bertahap berubah dari satu gaya ke yang lain. Anda dapat mengubah banyak properti CSS yang Anda inginkan, sebanyak yang Anda inginkan. Untuk menggunakan CSS3 animasi, Anda harus terlebih dahulu menentukan beberapa keyframes untuk animasi.Keyframes terus gaya apa elemen akan memiliki pada waktu tertentu.
The @keyframes Aturan ,ketika Anda menentukan gaya CSS dalam aturan @keyframes, animasi secara bertahap akan berubah dari gaya saat ini untuk gaya baru pada waktu tertentu. Untuk mendapatkan animasi untuk bekerja, Anda harus mengikat animasi untuk elemen.
4. CSS3 Animasi
Apa
CSS3 Animasi?
Animasi memungkinkan elemen secara bertahap berubah dari satu gaya ke yang lain.
Anda dapat mengubah banyak properti CSS yang Anda inginkan, sebanyak yang Anda inginkan.
Untuk menggunakan CSS3 animasi, Anda harus terlebih dahulu menentukan beberapa keyframes untuk animasi. Keyframes terus gaya apa elemen akan memiliki pada waktu tertentu.
The @keyframes aturan ketika Anda menentukan gaya CSS dalam aturan @keyframes, animasi secara bertahap akan berubah dari gaya saat ini untuk gaya baru pada waktu tertentu.
Untuk mendapatkan animasi untuk bekerja, Anda harus mengikat animasi untuk elemen.
Animasi memungkinkan elemen secara bertahap berubah dari satu gaya ke yang lain.
Anda dapat mengubah banyak properti CSS yang Anda inginkan, sebanyak yang Anda inginkan.
Untuk menggunakan CSS3 animasi, Anda harus terlebih dahulu menentukan beberapa keyframes untuk animasi. Keyframes terus gaya apa elemen akan memiliki pada waktu tertentu.
The @keyframes aturan ketika Anda menentukan gaya CSS dalam aturan @keyframes, animasi secara bertahap akan berubah dari gaya saat ini untuk gaya baru pada waktu tertentu.
Untuk mendapatkan animasi untuk bekerja, Anda harus mengikat animasi untuk elemen.
Sekian
dari saya , Semoga bermanfaat
Wassalamu'alaikum Wr. Wb.
Tidak ada komentar:
Posting Komentar