CSS Kullanarak Resimleri Transparan Yapma

CSS Kullanarak Resimleri Transparan Yapma
Nisan 30 20:33 2014 Bu yazıyı yazdır

Geliştirdiğiniz web projelerinin tasarımlarını yapma aşaması, içerisinde bulunduğumuz bu dönemde oldukça eğlenceli olsa gerek. Zira gelişen CSS dili ve JQuery kütüphanesi ile biraz da görsel yeteneğiniz var ise mükemmel işler çıkarmamıza olanak sağlamakta. İnternette bulabileceğimiz sayısız örnek, yazı, tasarım gibi desteklerle işlerimiz de kolaylaşıyor. Bu yazıda görseller üzerine uygulanan ve tasarımı güzelleştiren nadide bir örnek işleyeceğiz. Resimleri basit CSS tanımlarıyla transparan yaparak tasarıma şeffaflık katacağız.

Yukarıda genişlik ve yükseklik değerleri 250 piksel olan bir resim eklemek için tek satır HTML yazıyoruz. Ekran görüntüsü şu şekilde olacaktır:

Yukarıdaki resim için bir adet CSS class oluşturalım ve ismine de “transparan” diyelim:

İki resim arasındaki fark şeffaflık olmak suretiyle rahatlıkla görüntülenebilmektedir.

  Yazı şöyle etiketlendi:
  Kategoriler:
A.Gökhan, M.Sc.
A.Gökhan, M.Sc.

My Name is A. Gokhan SATMAN, and I am a software engineer, Author and game developer. gokhansatman.com

Daha fazla yazı görüntüle
Yorum yaz

0 Yorum

Henüz yorum yok

Tartışma başlatabilirsin.

Yorum ekle

ERROR: si-captcha.php plugin: GD image support not detected in PHP!

Contact your web host and ask them to enable GD image support for PHP.

ERROR: si-captcha.php plugin: imagepng function not detected in PHP!

Contact your web host and ask them to enable imagepng for PHP.