CSS3 -webkit-filter Kullanımı

Kontrast // contrast

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

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

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

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

contrast2000
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 />
Ön İzleme

Merhaba! Ben Burak. 2016 yılında Karadeniz Teknik Üniversitesi Harita Mühendisliği Bölümü’nden mezun oldum. Lise yıllarında HTML & CSS‘e, Üniversite yıllarında WordPress ve Matlab‘e adım attım. Lisans tezimi Matlab üzerinden program yazarak teslim ettim. Çeşitli projeler için WordPress tabanlı yazılımlar geliştirdim.

1 Yorum

Bir cevap yazın

This site uses Akismet to reduce spam. Learn how your comment data is processed.