Browser + CSS 3 = Text + Photoshop


Hmm.. mungkin anda bertanya-tanya, kok “Browser + CSS 3 = Text + Photoshop”… Begini nih, sebelumnya jika kita mungkin membuat suatu efek pada teks mungkin kita akan repot-repot membuat suatu teks pada photoshop kemudian kita beri filter entah itu grow atau bevel atau lainnya. Nah CSS 3 menghadirkan kelebihannya untuk menampilkan halaman web yang bagus tanpa kita harus membuat gambar teks atau border pada photoshop.

Berhubung CSS 3 masih baru dikenal, jadi browser yang support juga kudu yang baru2, misal : Firefox 3.1 keatas, Konqueror , Opera 9.5+ dan Safari 3+ (Webkit).

Beberapa fitur yang saat ini sudah ada antara lain :

Borders

  • border-color
  • border-image
  • border-radius
  • box-shadow

Backgrounds

  • background-origin dan background-clip
  • background-size
  • multiple backgrounds

Color

  • HSL colors
  • HSLA colors
  • opacity
  • RGBA colors


Text effects

  • text-shadow
  • text-overflow
  • word-wrap

User-interface

  • box-sizing
  • resize
  • outline
  • nav-top, nav-right, nav-bottom, nav-left

Selectors

  • attribute selectors

Basic box model

  • overflow-x, overflow-y

Generated Content

  • content

Other modules

  • media queries
  • multi-column layout
  • Web fonts
  • speech


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s