SVG Drop Shadow Menggunakan CSS3
Melaksanakan Drop Shadow dengan CSS3
Ada kemungkinan untuk menambah kesan drop shadow pada elemen SVG menggunakan CSS3. Bertentangan dengan sifat box-shadow atau -webkit-box-shadow sebelumnya, pendekatan moden melibatkan penggunaan sifat penapis CSS.
Menggunakan Sifat Penapis CSS
Disokong oleh penyemak imbas popular seperti webkit, Firefox 34 , dan Edge, sifat penapis CSS menyediakan sintaks khusus untuk kesan bayang jatuh:
filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
Memohon the Drop Shadow Effect
Gunakan sifat penapis pada elemen SVG anda dengan kelas ".shadow":
.shadow {
filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
}
Kesan drop shadow akan digunakan pada mana-mana elemen SVG dengan ". kelas bayangan", termasuk imej, bentuk dan kumpulan. Penampilan bayang-bayang boleh disesuaikan dengan melaraskan nilai dalam fungsi penapis.
Keserasian Merentasi Penyemak Imbas
Walaupun sifat penapis sahaja memberikan sokongan yang sangat baik, anda mungkin memerlukan poliisi untuk penyemak imbas lama seperti FF
Atas ialah kandungan terperinci Bagaimana Saya Boleh Mencipta Drop Shadow SVG Menggunakan CSS3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Input Warna: Menyelam dalam ke dalam perbezaan silang penyemak imbasApr 19, 2025 am 10:40 AMDalam artikel ini, kita akan melihat struktur di dalam elemen, ketidakkonsistenan pelayar, mengapa mereka melihat cara tertentu dalam penyemak imbas tertentu, dan bagaimana
Menyekat elemen (pseudo) ke kotak sempadan ibu bapa 'Apr 19, 2025 am 10:39 AMPernahkah anda mahu memastikan bahawa tiada elemen (pseudo) yang dipaparkan di luar kotak sempadan ibu bapa ' s? Sekiranya anda mempunyai masalah untuk membayangkan apa
Roti bakarApr 19, 2025 am 10:30 AMSuatu hari, tiba -tiba, saya mula mendengar jenaka tentang roti bakar. Saya tidak tahu apa konteksnya. Saya menganggap beberapa rakan baru mula menceritakan jenaka roti bakar,
Melindungi laluan Vue dengan pengawal navigasiApr 19, 2025 am 10:29 AMPengesahan adalah bahagian yang diperlukan dari setiap aplikasi web. Ini adalah cara yang berguna di mana kita dapat memperibadikan pengalaman dan memuatkan kandungan khusus untuk a
Pendekatan yang berbeza untuk membuat animasi yang terhuyung -huyungApr 19, 2025 am 10:28 AMUnsur -unsur animasi, yang paling asas, agak mudah. Tentukan kerangka utama. Namakan animasi. Panggilnya pada elemen.
Hei, mari ' s Buat aplikasi kalendar berfungsi dengan jamStackApr 19, 2025 am 10:22 AMHei, mari ' s Buat aplikasi kalendar berfungsi dengan jamStack
Perjuangan melawan susun aturApr 19, 2025 am 10:20 AMLaman web bukanlah batu yang terkunci hanya kerana ia telah diberikan secara visual. Aset media, seperti imej, boleh masuk dan menyebabkan susun atur beralih berdasarkan mereka
Bagaimana saya membuat cantik kod dalam dua hariApr 19, 2025 am 10:19 AMSaya baru -baru ini membuat wireframe untuk cantik kod. Keesokan harinya, saya memutuskan untuk menjadikannya alat sebenar. Keseluruhan projek mengambil masa kurang dari dua hari hingga
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Dreamweaver Mac版
Alat pembangunan web visual
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),
Pelayar Peperiksaan Selamat
Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.
Penyesuai Pelayan SAP NetWeaver untuk Eclipse
Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.
