+- net-board.net Archiv (https://net-board.net)
+-- Forum: Deine eigene Homepage (https://net-board.net/forumdisplay.php?fid=26)
+--- Forum: Scriptsprachen (+Datenbanksysteme) (https://net-board.net/forumdisplay.php?fid=19)
+---- Forum: Tutorials und Artikel: Programmieren und Datenbanken (https://net-board.net/forumdisplay.php?fid=15)
+---- Thema: [CSS] zoom (/showthread.php?tid=3793)
[CSS] zoom - Clasher - 16.03.2004
Vielleicht kennt ihr ja auch schon den Befehl (css) "zoom".
Damit kann man ein bestimmtes objekt vergrößern, also zB 200%, 50% usw.
Schlüsselwort zoom
Das benötigte Schlüsselwort heißt zoom und die Syntax lautet
element { zoom: x% }
element wird hier durch den Namen des Elements ersetzt.
Ersetzen sie x durch einen Prozentwert (zb 200%, um das Objekt vergrößen zu lassen. Werte unter 100% sind logischwerweise kleiner.
..
Öffne mit Notepad ein neues Dokument, gib folgenden Code ein und speichere als "zoom.css":
Code:
h1
{
zoom: 300%;
}Öffne nun wieder ein dokument, schreibe folgendes:
<html>
<head>
<link rel="stylesheet" type="text/css" href="zoom.css">
</head>
<body>
<h1>Die Überschrift ist 3x so groß wie ein unformatiertes "h1"!</h1>
</body>
</html>
und speichere als zoom.htm ab.
! Es müssen beide Dateien im selben Ordner sein, damit der Test funktioniert !
Nun öffne zoom.htm.
Die Erklärung befindet sich in der HTML Datei selbst ;-)
Der Befehl zoom funktioniert übrigens auch bei input feldern und ähnlichem Zeug.
Fragen bitte in den Tread
[ © by iCon 2004 ]
- Spare - 16.03.2004
Wow. jetzt kann ich ja mal irgenwas zommen thx
- marlem - 16.03.2004
kannst mal ein beispiel machen in verbindung mit zwei buttons (+ und -)?
- Mashoo - 17.03.2004
klingt intressant, dass ist die Alternative zum Rollover in JavaScript, wenn man Buttons beim berühren vergrößern will
- Thomsen - 16.07.2005
Hört sich sehr interessant an,
dieser Befehl ist mir auch neu.
Doch für einen Button Rollover Effekt würde ich es nicht wirklich nutzen.
Wenn es sich um den gleichen Button handelt, wird es pixelig...
Für den normalen Text hover wäre es wirklich nützlich.
Gruß, Thomsen !
- Futjikato - 01.02.2008
Is mir neu ... nach kurzer Internetsuche ist mir aufgefallen das die funktion bei mir auch nicht wirklich funktioniert ... wurde evtl. mir 2.1 wieder rausgenommen
//edit : habs schnell mal getestet und bei der validierung von w3 ist folgendes rausgekommen :
Zitat:Property zoom doesn't exist : 300%
- kickedINtheHEAD - 02.02.2008
Soviel ich mich erinnern kann war zoom niemals in nem CSS Standard. Is ne proprietäre Erweiterung von Microsoft.