CSS blend mode on part of image, I need help with CSS blend mode on my testsite. |
CSS blend mode on part of image, I need help with CSS blend mode on my testsite. |
simm24 |
May 10 2017, 04:04 AM
Post
#1
|
Group: Members Posts: 7 Joined: 5-September 14 From: Sweden Member No.: 21,506 |
Hi! I am trying to set a blend mode on a h1 tag on top of an image. But have run out of ideas, tried to search the internet, with mixed results. I hope that someone on here can help me with this.
This is a concept image of what I want the result to be. and this is a link to the page as it is now. My test site I have attached my HTML file, where the CSS is included. index.html ( 909bytes ) Number of downloads: 1007 Thanks in advance //PSL |
Christian J |
May 10 2017, 08:48 AM
Post
#2
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
Not familiar with CSS mix-blend-mode, but try RGBA colors instead (they might be better supported too, but I didn't check):
CODE h1 { color: #fff; background-color: rgba(255,0,255,0.5); } |
pandy |
May 10 2017, 11:05 AM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
|
Lo-Fi Version | Time is now: 24th April 2024 - 05:44 AM |