html/css blend modes

[roccothehelper]

Hallo medetweakers.

Ik heb voor een school project een design gemaakt waarbij ik op bepaalde plekken
de multiply blend modus gebruikt.
Ik weet dat deze modus ook in html zit maar nergens kan ik vinden hoe ik hem kan gebruiken om het als volgt te krijgen:



Het is de bedoeling dat dit gebeurt bij alle plekken die donkerder gekleurd zijn!
als dit niet mogelijk is zal ik mijn design hier uiteraard op aanpassen.
het is immers maar een concept.

Bedankt voor het helpen alvast

[DJMaze]

Hier kan je vast wel wat mee: http://www.colorzilla.com/gradient-editor/

[roccothehelper]

DJMaze schreef op woensdag 18 mei 2016 @ 20:17:
Hier kan je vast wel wat mee: http://www.colorzilla.com/gradient-editor/

Dit is een gradient? of lees ik ergens overheen.
Wat ik zoek is hoe ik bijvoorbeeld een knop met de achtergrond op de pagina kan blenden.
in de multiply modus uiteraard.

of een soort gelijk effect.
als ik er overheen kijk sorry alvast

[526735]

Bedoel je zoiets als dit?

[Merethil]

Als het voor school is zou ik er wel mee uitkijken; blend wordt blijkabaar niet (goed) ondersteund in IE, en mijn docenten op school gingen altijd alles alleen testen met IE; een andere browser kenden ze op de één of andere manier niet.
Slechts één docent koos voor Chrome, maar die docent deed embedded systemen dus daar hadden we dan weer niets aan...

[DJMaze]

roccothehelper schreef op woensdag 18 mei 2016 @ 20:25:
Dit is een gradient? of lees ik ergens overheen.
Wat ik zoek is hoe ik bijvoorbeeld een knop met de achtergrond op de pagina kan blenden.
in de multiply modus uiteraard.

of een soort gelijk effect.
als ik er overheen kijk sorry alvast

Dit is op het moment het enige echt werkende (met RGBA). Om precies de reden dat de anderen zeggen.
Zie: http://caniuse.com/#feat=css-backgroundblendmode

[roccothehelper]

Merethil schreef op donderdag 19 mei 2016 @ 09:17:
Als het voor school is zou ik er wel mee uitkijken; blend wordt blijkabaar niet (goed) ondersteund in IE, en mijn docenten op school gingen altijd alles alleen testen met IE; een andere browser kenden ze op de één of andere manier niet.
Slechts één docent koos voor Chrome, maar die docent deed embedded systemen dus daar hadden we dan weer niets aan...

bij ons word gelukkig getest met Chrome !

526735 schreef op woensdag 18 mei 2016 @ 21:35:
Bedoel je zoiets als dit?

Ja dit is precies wat ik zoek! bedankt

[ Voor 18% gewijzigd door roccothehelper op 19-05-2016 10:28 ]