G
Gelöschtes Mitglied 36920
Guest
Hallo,
Folgendes Problem kann ich nicht alleine lösen und bitte euch deshalb um eure Hilfe:
Ich möchte in einem <div> Element ein anderes Element (z.B. Bild) anordnen, das aber nur innerhalb dieser Box sichtbar sein soll.
Wenn es jetzt also bei einer Animation verschoben wird soll es sich erst in der Box bewegen, sobald es deren Rand erreicht aber diese verlassen und dabei erst nur noch mit dem Teil, der sich noch innerhalb der Box bzw. der Ränder der Box befindet und dann garnicht mehr sichtbar sein.
In anderen Worten:
Ich möchte z.B. ein Bild verschieben und dabei soll es sich aus einer Box hinaus bewegen (zumind. grafisch) und dann eben nicht mehr sichtbar sein. Also seitlich hinaus schweben, als wäre die Box ein Fenster (eins aus Glas, also die, die man in Häusern verbaut) und wenn jmd. ein Bild davor hält, sind man es, wenn er es dann aber zur Seite bewegt, verlässt es aber den sichtbereich.
Ich hoffe man versteht jetzt was ich meine.
Ich weiß aber nicht, wie ich die Sichtbarkeit des Elements dahingehend beeinflussen kann.
Es wäre super, wenn das ohne Maskierung, mit CSS gelöst werden könnte.
Ich bedanke mich schon mal für eure Antworten!
Folgendes Problem kann ich nicht alleine lösen und bitte euch deshalb um eure Hilfe:
Ich möchte in einem <div> Element ein anderes Element (z.B. Bild) anordnen, das aber nur innerhalb dieser Box sichtbar sein soll.
Wenn es jetzt also bei einer Animation verschoben wird soll es sich erst in der Box bewegen, sobald es deren Rand erreicht aber diese verlassen und dabei erst nur noch mit dem Teil, der sich noch innerhalb der Box bzw. der Ränder der Box befindet und dann garnicht mehr sichtbar sein.
In anderen Worten:
Ich möchte z.B. ein Bild verschieben und dabei soll es sich aus einer Box hinaus bewegen (zumind. grafisch) und dann eben nicht mehr sichtbar sein. Also seitlich hinaus schweben, als wäre die Box ein Fenster (eins aus Glas, also die, die man in Häusern verbaut) und wenn jmd. ein Bild davor hält, sind man es, wenn er es dann aber zur Seite bewegt, verlässt es aber den sichtbereich.
Ich hoffe man versteht jetzt was ich meine.
Ich weiß aber nicht, wie ich die Sichtbarkeit des Elements dahingehend beeinflussen kann.
Es wäre super, wenn das ohne Maskierung, mit CSS gelöst werden könnte.
Ich bedanke mich schon mal für eure Antworten!