Kişisel Birşeyler

CSS 3 Filter Effects

CSS 3 sayesinde Photoshop’a ihtiyaç duymadan aşağıdaki efektleri kolayca verebilirsiniz.

  • Blur
  • Grayscale
  • Drop-shadow
  • Sepia
  • Brightness
  • Contrast
  • Hue-rotate
  • Invert
  • Saturate
  • Opacity

http://html5-demos.appspot.com/static/css/filters/index.html buradan online olarak test edip kodları alabilirsiniz.

 

Örnek kodlama:

img {-webkit-filter: grayscale(1) }
img:hover {-webkit-filter:none }

Yukarıdaki kodları style.css dosyasınıza eklersiniz sitenizdeki resimler siyah beyaz olur, mouse ile üzerine geldiğinizde orjinal renklerine döner.



Bu yazıyı değerlendirin.
0     0/5

Yorumlar

  Abone Ol  
Bildir