CSS3 Previews

Many exciting new functions and features are being thought up for CSS3. We will try and showcase some of them on this page, when they get implemented in either Firefox, Konqueror, Opera or Safari/Webkit.

Here they are:

CSS3 Previews

source: http://www.css3.info

Menentukan Jenis Font dengan CSS3

sekarang kita bisa menentukan jenis font sesuka hati kita di web dengan bantuan CSS3. Cara kerjanya, font tersebut kita upload ke hosting atau server kita, kemudian dengan kode CSS3 @font-face kita bisa mendefinisikan nama font family kita dan sumber file fontnya

Kode CSS3 untuk menentukan jenis font:

<style>
@font-face{font-family: myfont; src: url('folderpath/Legion_Slab.ttf');}

#konten{font-family:myfont;font-size: 15pt;}
</style>

<div id="konten">
Tulisan ini menggunakan font: Legion_Slab.ttf<br>
Hai apa kabar, selamat datang di website codingwear,<br>
Di sini kita akan belajar bersama mengenai CSS, Javascript, PHP
</div>

Pada properti @font-face , pertama kita definisikan nama font family kita, misalnya saya kasih nama fontsaya, nama font family ini sesuka hati kita.

Setalah itu kita definisikan sumber filenya, jika anda mengupload file font di server yang berbeda, kita bisa menulisnya menjadi seperti: src: url(‘http://www.desrizal.com/css3/Legion_Slab.ttf’).

Setelah kita definisikan nama font family dan sumber file font-nya di @font-face. saatnya kita atur elemen website kita, seperti kode CSS biasa menggunakan font-family.

source: http://blog.codingwear.com

css transparent background

background: rgba(22, 69, 123, 0.9)

untuk Internet Explorer browser bisa menggunakan:
RGBa CSS Generator for Internet Explorer

link: http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/