Guten Tag,
ich knobel zur Zeit an einem für mich kompliziertem Problem. Ich hoffe, dass Ihr schneller auf eine einfache Lösung kommt als ich.
Es geht um folgende Seite, die sich gerade im statischen Aufbau befindet:
Vorab:
Der Content soll von zwei Teslaspulen umschlossen werden. Von diesen führt jeweils ein animierter Blitz zum Logo. Dies werde ich wahrscheinich mit Javascript und Zeitverzögerungen lösen.
Nun das Problem:
Die beiden Spulen habe ich in den Hintergrund fixiert und diesen mit "background-size:cover" angepasst. Somit bleiben die Spulen immer an der rechten und linken seite des browserfensters.
Wenn ich nun jedoch das Browserfenster kleiner ziehe schiebt sich der Content logischerweise in die Säulen. Kann ich irgendwie einen Wert angeben, um zu bestimmten, an welchem Punkt dieser maximal stehenbleiben soll? Zusätzlich wäre da noch das Problem mit den Blitzen, die zum Logo führen. Da diese von den Säulen kommen sollen, finde ich keine optimale Lösung, da die Säulen wie gesagt im BG fixiert sind und logischerweise ihre Position wechseln.
Die einzige Möglichkeit wäre also: Die Säulen nicht in den BG fixieren, sondern separat in die Seite einfügen. Schön und gut, nur gibt es da photoshoptechnisch Probleme mit den Blitzen. Diese stehen im Ebenenmodus "Strahlendes Licht" und dieser ist auf einen Background angewiesen. Also kann ich die Säulen mit den Blitzen schonmal nicht als transparentes PNG exportieren, weil ich dann Farbverfälschungen hätte.
Könnt ihr meine Verzweiflung nachvollziehen? Ich hoffe ihr habt einen guten Tipp für mich!
Viele Grüße und einen schönen Start in die neue Woche!
ich knobel zur Zeit an einem für mich kompliziertem Problem. Ich hoffe, dass Ihr schneller auf eine einfache Lösung kommt als ich.
Es geht um folgende Seite, die sich gerade im statischen Aufbau befindet:
Vorab:
Der Content soll von zwei Teslaspulen umschlossen werden. Von diesen führt jeweils ein animierter Blitz zum Logo. Dies werde ich wahrscheinich mit Javascript und Zeitverzögerungen lösen.
Nun das Problem:
Die beiden Spulen habe ich in den Hintergrund fixiert und diesen mit "background-size:cover" angepasst. Somit bleiben die Spulen immer an der rechten und linken seite des browserfensters.
Wenn ich nun jedoch das Browserfenster kleiner ziehe schiebt sich der Content logischerweise in die Säulen. Kann ich irgendwie einen Wert angeben, um zu bestimmten, an welchem Punkt dieser maximal stehenbleiben soll? Zusätzlich wäre da noch das Problem mit den Blitzen, die zum Logo führen. Da diese von den Säulen kommen sollen, finde ich keine optimale Lösung, da die Säulen wie gesagt im BG fixiert sind und logischerweise ihre Position wechseln.
Die einzige Möglichkeit wäre also: Die Säulen nicht in den BG fixieren, sondern separat in die Seite einfügen. Schön und gut, nur gibt es da photoshoptechnisch Probleme mit den Blitzen. Diese stehen im Ebenenmodus "Strahlendes Licht" und dieser ist auf einen Background angewiesen. Also kann ich die Säulen mit den Blitzen schonmal nicht als transparentes PNG exportieren, weil ich dann Farbverfälschungen hätte.
Könnt ihr meine Verzweiflung nachvollziehen? Ich hoffe ihr habt einen guten Tipp für mich!
Viele Grüße und einen schönen Start in die neue Woche!