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