Efek Transparan dengan CSS

Untuk menciptakan effek menarik pada suatu website yang akan di bangun sudah tentu banyak caranya.
Salah satu caranya yaitu dengan menambahkan effek transparan pada suatu halaman website yang kita bangun dan tentunya menggunakan CSS (Cascading Style Sheet).

Contohnya pada blog yang ada sekarang lihat ini menggunakan effek transparan, tampak menarik bukan. utuk melihat sekilas mengenai script CSS (Cascading Style Sheet) yang digunakan untuk membuat efek transparan berserta script HTML selahkan lihat di bawah ini.

style.css

.transparentWhite{
   /* Theoretically for IE 8 & 9 (more valid) */
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

   /* This works in IE 8 & 9 too */
   /* ... but also 5, 6, 7 */
   filter: alpha(opacity=50);
   /* Older than Firefox 0.9 */
   -moz-opacity:0.5;

   /* Safari 1.x (pre WebKit!) */
   -khtml-opacity: 0.5;

   /* Modern!
   /* Firefox 0.9+, Safari 2?, Chrome any?
   /* Opera 9+, IE 9+ */
   opacity: 0.5;
 
   background:#FFFFFF;
   width:150px; height:150px;
   margin:10px; float:left;
}

Untuk melihat secara lengkap silahkan download script CSS (Cascading Style Sheet) untuk membuat suatu efek transparan ini.
Klik Here To Download

Tweet