Zoom Cursor mit Mozilla

Werbung

Nun gehört ein Cursor gewiß nicht zu den wirklich bewegenden Dingen, doch auch Kleinigkeiten machen Spaß.

Im Vorgriff auf CSS 3 beherrscht Mozilla/Firebird den Zoomcursor – präziser ausgedrückt sind es gleich zwei. Verkleinern (Zoom out) und Vergrößern (Zoom in).

Screenshot
Verkleinern

Screenshot
Vergrößern

Als Quellcode:

 <img src="../images/illu_himmel.jpg" width="84"
height="84" style="cursor: -moz-zoom-out;"> 
      <img
src="../images/illu_himmel.jpg" width="84" height="84"
style="cursor: -moz-zoom-in;"> 

Dem Bild selbst geschieht dabei natürlich nichts, hier geht es allein um den Mauszeiger. Eine tatsächliche Zoomfunktion benötigt Javascript.

Früher oder später wird es weitere Cursor geben. Darunter:

  • -moz-copy
  • -moz-alias
  • -moz-cell
  • -moz-count-up
  • -moz-count-down

Weitere Beiträge:

Über Redaktion

DrWeb.de ist die "Grande Dame" des deutschen Bloggings und seit nunmehr 14 Jahren im Internet aktiv. Das beliebte Magazin richtet sich dabei an Webworker, Selbstständige, IT-Entscheider, Seitenbetreiber sowie Marketing-Verantwortliche und bietet einen Überblick im undurchdringlichen Dschungel zahlreicher "Geld verdienen im Internet" Konzepte. Werden Sie jetzt Gastautor und profitieren Sie von der großen Reichweite und den Markennamen DrWeb.de.

,

Noch keine Kommentare vorhanden!

Hinterlasse eine Antwort

Bitte bei weiteren Kommentaren per Email benarichtigen! Auch möglich: Abo ohne Kommentar.

Spam protection by WP Captcha-Free