5 Awesome CSS3 Fitur
Banyak fungsi-fungsi baru yang menarik dan fitur sedang berpikir untuk CSS3. Kami akan mencoba menampilkan beberapa dari mereka di halaman ini. Jadi, kita lihat 5 ini Awesome CSS3 Fitur dan biarkan kami tahu pikiran Anda dalam komentar.
Berikut adalah tips CSS3 berguna. Saya berharap, Anda akan menemukan inspirasi yang sangat berguna untuk proyek desain berikutnya. Terima kasih!
1. Rounded Corner
Anda tidak harus memiliki gambar untuk setiap sudut. Kini dapat membuat sendiri!
Contoh:
Kode
. Box ( ; background-color: # 6b6b6b; -moz-border-radius: 7px; -WebKit-border-radius: 7px; solid # 000 ; border: 1px solid # 000; ; padding: 10px; width: 500px; ; color: # fff; )
2. Text Shadow
Pelajari cara menambahkan bayangan pada teks. Satu-satunya web browser yang mendukung text-shadow CSS3 properti Safari.
Contoh:
Kode:
h1 ( 2px 2px 2px ; text-shadow: # 9c9c9c 2px 2px 2px; ; color: # 993333; )
3. Border Image
Perbatasan lain fitur baru yang menarik dari CSS3 perbatasan adalah milik-gambar. Pelajari cara benar menggunakan Image
4. Any Menggunakan Custom Font
CSS 3 font bisa membaca file jika Anda menentukan path, dan kemudian dapat membuat teks yang Anda terapkan CSS kelas atau id
5. Multiple Backgrounds
Akhirnya Anda dapat menerapkan lebih dari satu latar belakang satu elemen.
Tempat yang baik untuk memeriksa beberapa fitur CSS3 awesome adalah sebuah situs web bernama CSS3.info.
jika Anda ingin menerima lebih banyak inspirasi dari kami, silahkan pertimbangkan untuk berlangganan feed dengan RSS atau melalui email.
Promosikan Kami
Artikel Terkait:
jika anda menikmati membaca artikel ini, silakan periksa artikel lain yang terkait di bawah ini:
Deepu Balan mengatakan pada: Desember 16, 2009 at 3:30 Said:
Thanks for the tips ... Tapi text-shadow bukan CSS2 properti, sejauh yang saya tahu its a css level 3 properti. Seiring dengan safari, text-shadow properti didukung oleh Firefox3.5 dan bahkan IE9 kurasa.
-Deepu
Andy Walpole mengatakan pada: Januari 13, 2010 at 8:33 am Said:
Anak-anak tidak bisa cukup dari CSS3.
Saya telah menggunakan semua lima dari contoh di atas dan mereka semua visual mengesankan.
Ayo beberapa tahun dan mereka akan menjadi standar pada setiap situs web membangun.
Andy Walpole terakhir blog .. Internet 10 tahun yang lalu bulan ini - Januari 2000