Witam.
http://zapodaj.net/6b2030deac6fb.jpg.html - Muszę uzyskać taki efekt. W psd jest to zrobione za pomoca maski z czerwonym kolorem i trybu pokrywania warstwy o nazwie ostre światło.
I tu mam pytanie do tych ludzi którzy się dobrze na tym znają: Czy można zrobić coś podobnego w CSS? Czy każdą miniaturkę będę musiał ręcznie przygotowywać?
Dziękuje i pozdrawiam.
0
0
Ja bym na każdą miniaturkę wrzucił prostokąt o takich samych wymiarach wypełniony czerwonym i opacity na 50%. Wydaje mi się że powinieneś uzyskać podobny efekt
0
No właśnie tak mam i niestety jest do bani. Kolor prześwituje, a jak użyję desaturacji to czerwony blaknie.
0
jakiś działający przykład online?
0
Możesz użyć multiple backgrounds. Jednak z racji, że CSS 3 z niewiadomych powodów nie zezwolił na użycie rgba
w tym przypadku musisz zastosować hack: linear-gradient(rgba(255, 0, 0, .8), rgba(255, 0, 0, .8))
i będzie działać.
1
@Ursinus: Takie coś jest wprowadzane dopiero do CSS (ale webkit już coś tam próbuje działać). Póki co, taki efekt możesz uzyskać jedynie przy pomocy canvas.