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.