Kontrast // contrast

Oldukça kolay bir şekilde görüntünün kontrastını ayarlayabilirsiniz.

img {<br />      -webkit-filter: contrast(200%);<br />}

Eğer kontrastı [kod]2000%[/kod]’e çıkartırsak;

img {<br />      -webkit-filter: contrast(2000%);<br />}

Aşağıdaki kod yardımıyla sizde [kod]Ön İzleme[/kod] linkindeki gibi bir efekt verebilirsiniz.

<br />img {<br />    -webkit-animation: bluePill 1s alternate infinite;<br />}<br /><br />@-webkit-keyframes bluePill {<br />   0% { -webkit-filter: contrast(2000%); }<br />   100% { -webkit-filter: contrast(100%); }<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.