cd_brenner
Aktives Mitglied
Hallo liebe Leute,
ich bastle gerade an einer Image-Slideshow bei der das aktuelle Foto auch stark weichgezeichnet als Vollbild-Hintergrund verwendet wird. Die weichgezeichneten Ränder sind dabei über den Bildschirmrand hinausgeschoben.
Mit -webkit-filter ist die Performance recht bescheiden (Chrome), deshalb ein -webkit-transform:translate3d(0,0,0) um die Hardware-Acceleration zu erzwingen.
Funktioniert gut, nur sind die Ränder immer zu sehen, egal wie weit das Bild hinausgeschoben wird.
Hier mal ein Fiddle dazu: http://jsfiddle.net/wcsyqta6/
Vielleicht kann wer helfen.
Viele Grüße.
ich bastle gerade an einer Image-Slideshow bei der das aktuelle Foto auch stark weichgezeichnet als Vollbild-Hintergrund verwendet wird. Die weichgezeichneten Ränder sind dabei über den Bildschirmrand hinausgeschoben.
Mit -webkit-filter ist die Performance recht bescheiden (Chrome), deshalb ein -webkit-transform:translate3d(0,0,0) um die Hardware-Acceleration zu erzwingen.
Funktioniert gut, nur sind die Ränder immer zu sehen, egal wie weit das Bild hinausgeschoben wird.
Hier mal ein Fiddle dazu: http://jsfiddle.net/wcsyqta6/
Vielleicht kann wer helfen.
Viele Grüße.