Pembuat CSS3.0 – Dapatkan Kod CSS Untuk Sempadan, Kesan Bayangan Kotak & Banyak Lagi

Kami telah menyemak beberapa penjana kod CSS sebelum ini seperti Layer Styles dan ThemeShock CSS Drop Shadow Generator . Kedua-duanya sangat baik tetapi terhad kerana ia menghasilkan kod untuk satu kesan sahaja. CSS3.0 Maker ialah penjana kod CSS automatik yang menjana kod untuk sempadan, bayang teks, bayangan kotak, kesan garis besar dan condong, skala atau putar elemen. Anda boleh bekerja pada berbilang fail CSS (gaya yang berbeza dalam setiap fail) dengan mencipta fail yang berbeza. Kod dimuat turun sebagai fail HTML dan CSS ditambah sebagai helaian dalaman. Perkhidmatan ini memberitahu anda versi Chrome, Firefox, Internet Explorer, Safari dan Opera kesan yang akan dipaparkan dan peranti mudah alih yang mana akan menyokongnya.

Untuk membuat berbilang fail, anda akan dikehendaki mendaftar untuk akaun percuma. Perkhidmatan ini sebaliknya boleh digunakan tanpa membuat satu. Anehnya, tapak ini membenarkan anda menambah lebih banyak kesan apabila anda tidak log masuk. Kesan tambahan yang tersedia (apabila dilog keluar) ialah kesan Gradien, Animasi dan Peralihan. Apabila digunakan sebagai pengguna tidak berdaftar, tapak ini tidak membenarkan anda menambah berbilang kesan. Jika anda memilih untuk menggunakan perkhidmatan tanpa mendaftar untuk akaun, anda akan melihat bar mendatar betul-betul di bawah pengepala tapak yang membolehkan anda memilih kesan yang berbeza.

Jika anda ingin menambah berbilang kesan, daftar untuk mendapatkan akaun percuma dan buat fail. Anda boleh mencipta fail dengan mengklik Fail Baharu pada halaman utama atau dengan pergi ke Fail Saya . Masukkan nama untuk fail anda. Pilih Edit dan semua perubahan yang anda buat disimpan ke fail ini. Pergi ke tab Laman Utama untuk mula mengedit kesan.

Untuk beralih antara kesan yang berbeza, gunakan menu lungsur turun pada tab Laman Utama . Untuk menukar warna elemen dan melaraskan kelegapannya, pergi ke kesan RGBA. Untuk menambah sempadan atau menukar gaya sempadan, pergi ke Jejari Sempadan. Kesan Text Shadow dan Box Shadow mencipta kesan drop shadow di belakang elemen atau teks. Anda boleh menyerong dan menskalakannya daripada kesan Transform CSS dan mengimbangi sempadan daripada elemen daripada kesan Outline Offset .

Setelah anda membuat semua perubahan dan menggunakan kesan yang anda perlukan, klik Simpan dan kemudian Muat turun , untuk memuat turun fail. Buat perubahan yang perlu dan anda telah menyediakan CSS anda untuk digunakan. Perkhidmatan ini sangat baik jika anda ingin bereksperimen dengan reka bentuk atau, jika anda hanya perlu bereksperimen dengan banyak kesan CSS untuk projek tertentu.

Lawati CSS3.0 Maker

Leave a Comment

🚀 Betulkan Ralat MSI 1722 dalam Microsoft Edge pada Windows 11: Langkah Penyelesaian Masalah Terbukti

🚀 Betulkan Ralat MSI 1722 dalam Microsoft Edge pada Windows 11: Langkah Penyelesaian Masalah Terbukti

Bergelut dengan Ralat MSI 1722 semasa memasang atau mengemas kini Microsoft Edge pada Windows 11? Temui penyelesaian masalah langkah demi langkah, daripada mula semula pantas hingga pembaikan lanjutan, untuk membolehkan pelayar anda kembali dalam talian dengan pantas.

Hentikan Gema Mikrofon dalam Microsoft Edge: Pembetulan Terbukti untuk Panggilan Web yang Jelas

Hentikan Gema Mikrofon dalam Microsoft Edge: Pembetulan Terbukti untuk Panggilan Web yang Jelas

Bosan dengan gema mikrofon yang menjengkelkan yang merosakkan panggilan web Microsoft Edge anda? Ketahui cara menyelesaikan gema mikrofon Microsoft Edge dalam panggilan web dengan langkah mudah dan berkesan untuk audio yang sempurna setiap masa. Penyelesaian pantas di dalam!

🚀 Selesaikan Masalah Sambungan Microsoft Edge DirectAccess DENGAN PANTAS: Penyelesaian Terbukti 2026

🚀 Selesaikan Masalah Sambungan Microsoft Edge DirectAccess DENGAN PANTAS: Penyelesaian Terbukti 2026

Bosan dengan kegagalan sambungan Microsoft Edge DirectAccess? Kuasai Penyelesaian Sambungan Microsoft Edge DirectAccess dengan panduan langkah demi langkah, petua pakar dan kemenangan pantas kami untuk akses korporat yang lancar. Berfungsi pada binaan Edge terkini!

🚀 Betulkan Carian Microsoft Edge Dijeda Selamanya: Pembetulan Pengindeksan Terbukti untuk Hasil Segera!

🚀 Betulkan Carian Microsoft Edge Dijeda Selamanya: Pembetulan Pengindeksan Terbukti untuk Hasil Segera!

Bosan dengan Microsoft Edge Search yang dijeda yang menyekat carian PDF dan tab anda? Dapatkan penyelesaian pengindeksan terbaik dengan penyelesaian langkah demi langkah yang berfungsi pada versi Edge terkini. Pulihkan carian sepantas kilat hari ini!

🚀 Betulkan Menu Konteks Microsoft Edge yang Perlahan: Panduan Penyelesaian Masalah Terbaik

🚀 Betulkan Menu Konteks Microsoft Edge yang Perlahan: Panduan Penyelesaian Masalah Terbaik

Bosan dengan menu klik kanan yang lembap dalam Microsoft Edge? Kuasai Penyelesaian Masalah Menu Konteks Microsoft Edge Perbaikan Kelajuan dengan langkah-langkah yang terbukti. Laju pelayar anda serta-merta—tiada kemahiran teknikal diperlukan!

🚀 Penyelesaian Terbaik: Cara Menghentikan Microsoft Edge Ranap dengan Enjin Wallpaper Dengan Serta-merta!

🚀 Penyelesaian Terbaik: Cara Menghentikan Microsoft Edge Ranap dengan Enjin Wallpaper Dengan Serta-merta!

Bosan dengan ranapnya Enjin Wallpaper Microsoft Edge? Temui penyelesaian langkah demi langkah yang terbukti untuk ranapnya Enjin Wallpaper Microsoft Edge. Penyelesaian pantas untuk memulihkan pelayaran yang lancar dengan kertas dinding langsung. Berfungsi pada kemas kini terkini!

🚨 Penyelesaian Segera: Singkirkan Ralat Pengatup Privasi Kamera Web Microsoft Edge Selamanya!

🚨 Penyelesaian Segera: Singkirkan Ralat Pengatup Privasi Kamera Web Microsoft Edge Selamanya!

Bosan dengan Ralat Pengatup Privasi Kamera Web Microsoft Edge yang mengecewakan yang menyekat panggilan video anda? Temui penyelesaian langkah demi langkah yang terbukti untuk memulihkan akses kamera web yang lancar dalam Edge – cepat, selamat dan berkesan!

🚀 Betulkan Glitch Ikon Berpusat Microsoft Edge TaskbarX: Panduan Penyelesaian Masalah Terbaik

🚀 Betulkan Glitch Ikon Berpusat Microsoft Edge TaskbarX: Panduan Penyelesaian Masalah Terbaik

Terperangkap dengan ikon berpusatkan Microsoft Edge TaskbarX yang tidak sejajar? Panduan terbukti ini memberikan penyelesaian masalah langkah demi langkah untuk masalah TaskbarX, memulihkan penjajaran bar tugas yang sempurna dengan mudah.

🚀 Betulkan Kekaburan Latar Belakang Skrin Log Masuk Microsoft Edge Dengan Serta-merta – Kaedah Terbukti 2026!

🚀 Betulkan Kekaburan Latar Belakang Skrin Log Masuk Microsoft Edge Dengan Serta-merta – Kaedah Terbukti 2026!

Menghadapi Kekaburan Latar Belakang Skrin Log Masuk Microsoft Edge? Temui penyelesaian langkah demi langkah untuk memulihkan latar belakang yang tajam dan jelas pada halaman log masuk. Panduan mudah dan tidak memerlukan kemahiran teknologi untuk pengguna Windows. Berfungsi pada versi Edge terkini!

🚀 Betulkan Aplikasi Microsoft Edge Stream Deck Tidak Dibuka: Panduan Penyelesaian Masalah Terbukti

🚀 Betulkan Aplikasi Microsoft Edge Stream Deck Tidak Dibuka: Panduan Penyelesaian Masalah Terbukti

Mengalami masalah dengan aplikasi Microsoft Edge Stream Deck yang tidak dapat dibuka? Temui langkah penyelesaian masalah yang cepat dan berkesan untuk menyelesaikan masalah ranap, pembekuan dan pelancaran. Pastikan persediaan anda berjalan lancar hari ini!