Kanten eckig machen mit CSS
bearbeitet von
Hallo Christian,
vielleicht bin ich ja begriffsstutzig, aber kann das funktionieren? Du hast die "Eintrittsbereiche", die den Mouseover-Effekt auslösen. Und den Innenbereich, dem Du keinen Mouseover-Effekt zuweisen KANNST, weil du ja im Innenbereich die Richtung nicht weißt aus der Du kommst. D.h. in der Mitte kannst Du nicht animieren, sondern nur den Endzustand des Hovereffekts auslösen.
Wenn jemand langsam und in der Mitte einer Box-Kante die Maus in die Box hineinschiebt, dürfte dein Plan aufgehen. Aber was ist, wenn jemand in der Nähe der Ecke in die Box hineinkommt und dabei die Grenze zwischen - beispielsweise - rot und blau überschreitet? Dann beginnt die Animation von links und schaltet abrupt auf "von oben" um. Oder was ist, wenn man "zu schnell" mit der Maus in den weißen Bereich fährt? Dann beginnt die Animation und endet abrupt im Endzustand.
Von dem Problem, ein Trapez hinzubekommen, will ich mal gar nicht reden. polygon() und perspective() sind alle noch recht neu...
Rolf