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

Rakam / Kongsi Dan Strim Video Langsung Dari Telefon Android Anda

Rakam / Kongsi Dan Strim Video Langsung Dari Telefon Android Anda

Adakah anda ingin berkongsi detik hidup anda dengan keluarga dan rakan-rakan? Atau mungkin anda seorang wartawan harian yang ingin berkongsi video sebaik sahaja anda

Apa yang Baharu Dalam Sandwic Ais Krim Android 4.0 [Ulasan Ciri]

Apa yang Baharu Dalam Sandwic Ais Krim Android 4.0 [Ulasan Ciri]

Android 4.0 Ice Cream Sandwich (ICS) telah didedahkan oleh Google dan Samsung pada satu acara di Hong Kong Oktober ini dan seperti yang dijangkakan, ini paling

Cara Menjana Fail OPML Daripada Suapan RSS

Cara Menjana Fail OPML Daripada Suapan RSS

Jika anda beralih daripada satu pembaca suapan ke pembaca suapan yang lain, maka adalah satu proses yang sibuk untuk pergi ke setiap tapak suapan anda dan melanggan semula. Untuk berhijrah

Turunkan taraf iPhone 3G & 3GS Daripada iOS 4 Kepada 3.1.2

Turunkan taraf iPhone 3G & 3GS Daripada iOS 4 Kepada 3.1.2

Pengguna yang ingin menurunkan taraf peranti iPhone 3G dan iPhone 3GS mereka selepas menaik taraf secara tidak sengaja kepada iOS 4 akan mendapati panduan ini berguna, terima kasih kepada pengulas

Cara menggunakan Snap Camera dengan Google Meet

Cara menggunakan Snap Camera dengan Google Meet

Google Meet mempunyai ciri kabur latar belakang yang akan mengaburkan latar belakang atau menutupinya dengan imej. Begitulah sejauh mana kesannya. Sejak Google

150 Sambungan Penyemak Imbas Terbaik Dan Apl Web 2011 [Pilihan Editor]

150 Sambungan Penyemak Imbas Terbaik Dan Apl Web 2011 [Pilihan Editor]

Sama ada anda menggunakan Mac atau PC Windows, anda masih menggunakan internet yang sama. Kegusaran, kegusaran dan kekecewaan dalam talian anda adalah serupa, dan anda begitu

Cara Membahagikan Skrin Firefox Anda Untuk Membuka Ruang Untuk Lebih Banyak Kandungan

Cara Membahagikan Skrin Firefox Anda Untuk Membuka Ruang Untuk Lebih Banyak Kandungan

Jika anda menggunakan Firefox dan ingin meningkatkan produktiviti anda, maka petua ini adalah untuk anda. Split Browser ialah alat tambah percuma untuk Firefox yang memisahkan anda

DropItToMe Adalah Cara Selamat Untuk Membenarkan Orang Memuat Naik Fail Ke Dropbox Anda

DropItToMe Adalah Cara Selamat Untuk Membenarkan Orang Memuat Naik Fail Ke Dropbox Anda

Apabila kami menyiarkan tentang Pemuat Naik Dropbox pada bulan Ogos, ramai orang mendapat inspirasi dan mencipta versi skrip mereka sendiri dengan mengubah suai skrip asal

Pemalam Perakam Makro Untuk Google Chrome

Pemalam Perakam Makro Untuk Google Chrome

Makro memang hebat, kami menerangkan cara anda boleh menggunakan Makro dalam Excel 2010, Word 2010, dll untuk merakam dan kemudian memainkan tugasan yang berulang. Sekarang lelaki di belakang

Akses Semua Akaun E-mel Anda Daripada Gmail

Akses Semua Akaun E-mel Anda Daripada Gmail

Adakah anda mahu mengurus semua akaun e-mel anda seperti Hotmail, Yahoo, AOL, dll daripada Gmail? Daripada menyemak akaun e-mel yang berbeza di tapak web mereka