[GELOEST] Hälfte von Hintergrundbild blurren oder Farbübergang

[Runshak]

Hallo,

Ich komme einfach nicht drauf, wie ich ein Bild welches mit url in CSS als Hintergrundbild gewählt wurde so abändern kann, dass nur die linke hälfte abgedunkelt wird, sodass man da nen Text hinpacken kann, welcher gut lesbar ist. Textfarbe ist weiß, also sollte es links satt schwarz sein und zur mitte ein wenig heller, so dass man das bild durchschimmern sehen kann. auf der rechten Seite soll das bild in vollerauflösung sein und nicht überdeckt sein. Ich hab das ganze für das komplette bild geschafft, jedoch nicht für nur die linken 50%

 

[basti1012]

Könnte dir jetzt ein Beispiel machen, aber mit diesen Link solltest du es selber hinbekommen

CSS - How do I blur the left and right side of an image with CSS

I'm trying to create a blur effect on the left and right side of a full page image but I have no idea how to go about it. An example of what I would like to achieve is here. http://www.uchicago.edu...

stackoverflow.com

 

[Runshak]

herzlichen Dank! Genauso wie ich mir das vorgestellt hatte

background: linear-gradient(to right, rgba(0,0,0,1) 35%, transparent 60%), url("Grafiken/Film/bright-big.png") no-repeat;
background-size: cover;
position: relative;