Pengantar penggunaan beberapa tag atribut HTML khusus

Atribut berikut tidak baik untuk kompatibilitas browser.

1.Transform: Rotate (45deg)

2.BORDER-TOP-LEFT-RADIUS Properti ini memungkinkan Anda untuk menambahkan batas bulat ke elemen

3.BORDER-RADIUS Properti ini memungkinkan Anda untuk menambahkan batas bulat ke elemen

4. Properti kotak-bayar menambahkan satu atau lebih bayangan ke kotak

5. Properti Text-Shadow menetapkan bayangan ke teks

6. Transisi

Agar lebih kompatibel dengan masing -masing browser, kata awalan diperlukan.

-O- /*Opera Browser* /

-webkit- /*Webkit Kernel Browser Safari dan Chrome* /

-ms- /*yaitu 9* /

-Moz- /*Firefox Browser* /

Objek diputar melalui properti transformasi, di mana (45deg) adalah sudut rotasi

transformasi: rotate (45deg);

-MS-Transform: rotate (45deg); /*Yaitu 9*/

-o-transform: rotate (45deg); /*Browser Opera*/

-webkit-transform: rotate (45deg); /*Webkit Kernel Browser Safari dan Chrome*/

-Moz-Transform: rotate (45deg); /*Browser Firefox*/

Yang pertama dapat memilih posisi di mana perbatasan bundar ditambahkan

Border-Top-Lefadius-Radius, perbatasan-Right-Radius, Border-Bottom-Lef, Radius, Border-Bottom-Radius-Radius, Border-Bottom-Right-Radius

Border-top-left-Radius Properti ini memungkinkan Anda untuk menambahkan perbatasan bulat ke elemen, seperti perbatasan-radius, hanya untuk mengontrol di mana perbatasan bundar perlu ditambahkan.

Kotak-Shadow: H-Shadow || v-shadow || blur || menyebar || warna || sisipan;

Properti: Posisi bayangan horizontal || Posisi Bayangan Vertikal || Jarak blur || Ukuran bayangan || Warna Bayangan || Ubah bayangan luar (awal) menjadi bayangan dalam

Kotak-Shadow: 1px 1px 3px #292929;

Teks-Shadow: H-Shadow || v-shadow || blur || warna;

Text -Shadow: 0px -1px 0px #000;

Properti || Durasi || Fungsi Waktu || menunda

Menentukan nama atribut CSS yang menetapkan efek transisi || Menentukan berapa detik atau milidetik yang diperlukan untuk menyelesaikan efek transisi || Menentukan kurva kecepatan efek kecepatan || Mendefinisikan saat efek transisi dimulai

Saat ini, semua browser tidak mendukung atribut transisi.

memudahkan default. Animasi dimulai dengan kecepatan rendah, kemudian mempercepat, melambat sebelum berakhir.

Animasi kemudahan dimulai dengan kecepatan rendah.

Animasi kemudahan berakhir dengan kecepatan rendah

Animasi kemudahan-out dimulai dan berakhir dengan kecepatan rendah

Transisi: latar belakang 5s kemudahan;

Satu misalnya:

Salin kode