Pengenalan kepada penggunaan beberapa teg atribut khas dalam pengeluaran halaman HTML_HTML/Xhtml_Web

Atribut berikut tidak begitu serasi dengan penyemak imbas

1.transform:rotate(45deg)
2.border-top-left-radius Atribut ini membolehkan anda menambah jidar bulat pada elemen
3.border-radius Sifat ini membenarkan anda menambah sempadan bulat pada elemen
4.sifat box-shadow menambah satu atau lebih bayang pada kotak
5.text-shadow menetapkan bayang pada teks
6.peralihan

Untuk menjadi lebih serasi dengan pelbagai penyemak imbas, awalan perlu ditambah
-o- /*Pelayar Opera*/
-webkit- /*Webkit. pelayar kernel Safari dan chrome*/
-ms- /*IE 9*/
-moz- /*Firefox*/

1.transform:rotate(45deg)
Putar objek melalui atribut transform, dengan (45deg) ialah sudut putaran

transform:rotate(45deg
-ms-transform:rotate(45deg); */
-o-transform:rotate(45deg); /*Opera browser*/
-webkit-transform:rotate(45deg) /*Webkit kernel browser Safari and chrome*/
-moz-); transform: rotate(45deg); /*Firefox*/

2.border-top-left-radius border-radius Sifat ini membenarkan anda menambah sempadan bulat pada elemen
bekas Anda boleh memilih tempat untuk menambah jidar bulat
jejari-sempadan-atas-kiri-, jejari-jejari-atas-kanan-, jejari-sempadan-bawah-kiri, jejari-sempadan-bawah-kanan
sempadan- kiri atas -jejari Atribut ini membolehkan anda menambah jidar bulat pada elemen Ia sama seperti jejari sempadan, tetapi anda boleh mengawal tempat sempadan bulat perlu ditambah

3 . Atribut box-shadow menambah atau Multiple shadow, text-shadow attributes set shadow to text
box-shadow: h-shadow || v-shadow || ;
kedudukan bayang mendatar|| kedudukan bayang-bayang menegak|| saiz bayang-bayang||.

bayang-teks: h-bayangan ||. warna kabur ||. peralihan

sifat || tempoh ||. fungsi masa || |. Menentukan lengkung kelajuan kesan kelajuan|| Mentakrifkan kesan peralihan Bila hendak dimulakan

Pada masa ini semua penyemak imbas tidak menyokong atribut peralihan. mudahkan lalai. Animasi bermula pada kelajuan rendah, kemudian dipercepatkan dan diperlahankan sebelum tamat animasi mudah masuk bermula pada kelajuan rendah
animasi ease-out berakhir pada kelajuan rendah
ease-in-. animasi keluar bermula dan tamat pada kelajuan rendah

peralihan:latar belakang 5s mudah;


Kod Seperti berikut:




>lebar:100px;
tinggi:100px ;
latar belakang:biru; transition:width 2s; /* Safari dan Chrome * /

-o-transition:width 2s; 🎜>}

< kepada elemen div biru untuk melihat kepada kesan peralihan.

Nota: Contoh ini tidak berfungsi dalam Internet Explorer.

>Salin kod

Kodnya adalah seperti berikut: