Apakah maksud box-shadow dalam css3
Feb 28, 2022 pm 04:50 PMDalam CSS3, "box-shadow" bermaksud "box shadow", iaitu atribut baharu yang menambah bayang sempadan pada elemen; : bayang mendatar bayang menegak kabur jarak saiz inset warna;".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Dalam CSS3, "box-shadow" bermaksud "box shadow", iaitu atribut baharu yang menambah bayang sempadan pada elemen.
Sifat bayang kotak menambah satu atau lebih bayang pada kotak.
Nota: Gunakan atribut imej sempadan-* untuk membina butang boleh skala yang cantik!
Sintaks:
1 |
|
bayang-kotak Menambah satu atau lebih bayang-bayang pada kotak. Sifat ini ialah senarai bayang-bayang yang dipisahkan koma, setiap bayang-bayang ditentukan oleh nilai panjang 2-4, nilai warna pilihan dan kata kunci sisipan pilihan. Nilai untuk panjang yang ditinggalkan ialah 0.
h-bayang diperlukan. Kedudukan bayang mendatar. Nilai negatif dibenarkan.
v-shadow Diperlukan. Kedudukan bayang menegak. Nilai negatif dibenarkan.
kabur Pilihan. Jarak kabur.
sebarkan Pilihan. Saiz bayang.
warna Pilihan. Warna bayang. Lihat nilai warna CSS.
inset Pilihan. Tukar bayang luar (permulaan) kepada bayang dalam.
Berikut adalah beberapa ujian kecil yang saya lakukan untuk semua orang:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
|
Keputusan berjalan:
Antaranya kami Juga berjalan melalui cara membuat foto "polaroid" dan memutar imej. Contohnya:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
|
Hasil larian adalah seperti berikut:
· Terdapat pelbagai jenis bayang-bayang kotak, seperti: bayang-bayang dalam , bayang luar, bayang tiga segi , bayang dua muka, bayang satu sisi, lejang barat...,
bermaksud:
Contohnya:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
|
css:
1 2 3 4 5 6 7 8 9 10 |
|
Hasil berjalan:
(Mempelajari perkongsian video: tutorial video css , Tutorial pengenalan bahagian hadapan web)
Atas ialah kandungan terperinci Apakah maksud box-shadow dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Bagaimana untuk mencapai kesan gelombang dengan CSS3 tulen? (contoh kod)

Gunakan CSS dengan mahir untuk merealisasikan pelbagai butang berbentuk pelik (dengan kod)

Bagaimana untuk menyembunyikan elemen dalam css tanpa mengambil ruang

Ternyata karusel teks dan karusel imej juga boleh direalisasikan menggunakan CSS tulen!

Bagaimana untuk melaksanakan sempadan renda dalam css3

css3 apakah itu susun atur penyesuaian

Bagaimana untuk membesarkan imej dengan mengklik tetikus dalam css3

Adakah kesan animasi css3 mempunyai ubah bentuk?
