Willkommen auf dem Portal für Mediengestalter

oakland-8 · Threadersteller

Hallo,
per onmouseover öffnet sich eine neue Box (s. Test noch ohne Transition).
Ich möchte aber, dass dies etwas softer vonstatten geht. Ich vermute, ich kann das mit CSS und Transition erledigen, aber leider waren meine Versuche erfolglos. Kann mir jemand den Wink mit dem Zaunspfahl geben (ohne mir den Schädel einzuschlagen)?
Danke.

memento · **Verfasst** Di 20.01.2015 09:00 **Titel**

Du machst das ganze per Javascript mouseover. ich würde das ganze per css lösen.
Der div der eingeblendet werden soll kriegt einfach erst opacity: 0 und wenn der div daneben gehovert wird kriegt dein div ne opacity: 1. Damit es weich aussieht brauchst du noch ne transition (was css nicht alles kann!) Lächel

Hier wird das ganz gut beschrieben: Klikmich!

einfacher wäre es in deinem fall vermutlich mit einfachem jQuery, da du ja nicht genau das Element einblenden willst das du hoverst. jquery hover

oakland-8 · Threadersteller

Danke für Deinen Rat. Sehr hilfreich.

SimonDerDude · **Verfasst** Di 20.01.2015 13:11 **Titel**

Du hast grundsätzlich genügend Material erhalten um es auf deinen Anwendungsfall adaptieren zu können, also solltest du lernen zu adaptieren Lächel

Hast du es versucht? - hast du nach den Schlagworten 'transition opacity' gegoogelt?

oakland-8 · Threadersteller

Hallo,
ich habe das schon soweit verstanden. Nur erschließt sich mir nicht, wie ich - direkt im CSS-Code ausgedrückt - es einrichten kann, das eben der zweite Div sich (per opacity) öffnet... Wohin mit opacity: 1?
(Das Problem stellt sich mir, weil ich nicht den Div ändern will, der mit hoover bestückt ist, sondern ein benachbartes Teil soll Produkt dieses hoover sein.)

oakland-8 · Threadersteller

Ich habe meinen Code etwas modifiziert (s. Link vom Eröffnungsthread).
Steht aber nach wie vor für mich die Frage: Wie mache ich es, nicht den Div per Transition zu verbreitern, sondern mit ähnlichem oder gleichem Effekt einen neuen Div zu öffnen?

DEKONSTRUKTIV · **Verfasst** Di 20.01.2015 16:38 **Titel**

mit anderen worten: du willst, dass jemand deine arbeit für dich macht?

oakland-8 · Threadersteller

Nein.
Ich habe mich schon vorangearbeitet und bekomme Klarheiten.
Sobald ich "meine" Lösung gefunden habe, werde ich sie an dieser Stelle mitteilen.

Willkommen auf dem Portal für Mediengestalter

Thema: Div weicher öffnen per Transition vom 19.01.2015

Div weicher öffnen per Transition