Renk Döndürme // hue-rotate

img { -webkit-filter: hue-rotate(50deg); }

Derece burada kafa karıştırıyor gibi görünüyor fakat değil, sadece bir renk tekerleği düşünün. Yani [kod]0 deg[/kod] yazdığında hiçbirşey yapmayacak, [kod]50 deg[/kod] yazdığında da 50 derece çevirmeli dönecek.

Bu durumda, Seçtiğimiz fotoğraf bir blu-ish renk alacaktır.

Veya, sürekli renklerini değiştirmek istiyorum diyelim. Bu olası bir gerçek dünya projesinde, renk geçişleri çok daha ince olacak.

<br />img {<br />   -webkit-animation: adjustHue 1s alternate infinite;<br />}<br /><br />@-webkit-keyframes adjustHue {<br />   0% { -webkit-filter: hue-rotate(30deg); }<br />   50% { -webkit-filter: hue-rotate(60deg); }<br />   100% { -webkit-filter: hue-rotate(90deg); }<br />}<br />

Sevgiler.
Bir önceki yazımız olan WordPress için Youtube Tarzı Yükleniyor Çubuğu başlıklı makalemizi de okumanızı öneririz.