pageblending / weicher übergang zwischen 2 seiten

[Mark]

<meta http-equiv="Page-Enter" content="blendTrans(Duration=2)">
<meta http-equiv="Site-Enter" content="blendTrans(Duration=2)">
<meta http-equiv="Page-Exit" content="BlendTrans(Duration=2)">


das funktioniert leider nur im ie. gibt es ne javascript-lösung die mit allen browsern funktioniert?

[Gast]

da drängt sich doch eine frage auf:
WOZU? :ugly:

im ernst: hat das irgendeinen sinn, oder willst du nur pubertierende kinder mit coolen effekten beeindrucken?

[huha]

Es gibt in CSS3 afaik ein opacity-Attribut für Elemente. Wenn du die nächste Seite z.B. in ein div laden würdest und diesem eine Klasse geben, so könnte man garantiert mit JS was machen. Allerdings sind solche Spielchen nicht nur sehr nervtötend, sondern auch noch ausgesprochen zäh, weshalb ich davon abrate.

-huha

[Mark]

ist ja nicht für eine "richtige" website, sondern eher für ein kunstprojekt.

[Gast]

Flash?

[Mark]

naja flash ist ja fast noch schlimmer als javascript ;)


theoretisch wär es ja möglich ein div über die seite zu legen und des deckkraft zu veringern.

[Hardwaretoaster]

Wenn's ein Kunstprojekt ist, kann man ja auch ausnahmsweise mal eine Einschränkung in der Browserwahl machen, oder?
Weil je mehr du dich künstlerisch austobst, desto schwerer wird's, mehrere Browser unter einen Hut zu bekommen.

[MadMan2k]

also auf csszengarden gibts doch so einige designs die zeigen wie man eine Seite künstlerisch hervorhebt ohne dabei dei kompabilität einzuschränken.
Zu der opacity geschichte: es ist nicht hardwarebeschleunigt; sprich eine größere transparente fläche kill jede CPU.

[Mark]

habs nun so hinbekommen:

[Gast]

glückwunsch; statt einer ie-only-extrawurst hast du jetzt eine ie-und-mozilla-only-extrawurst :ugly:

statt "-moz-opacity" hättest du wenigstens "opacity" verwenden können. das ist css3 standard und funktioniert z.B. auch in opera.

[MadMan2k]

habs nun so hinbekommen:
die links funktionieren nicht, solange er faded

[Mark]

macht ja nix, is vielleicht sogar besser