Um keine Komplikationen mit noch nicht verabschiedeten CSS3-Standards zu haben, verwenden die großen Browserhersteller eigene Präfixe (sog. vendor prefixes) um die kommenden Standards bereits jetzt zu implementieren. Dadurch wird aus dem einfachen CSS-Attribut transform: scaleX(-1)
mal eben ein ganzer Codeblock:
jQuery 1.8 fügt Vendor-Prefixes automatisch hinzu weiterlesen
Schlagwort: css3
Eigene Fonts in Webseiten einbinden
Mit HTML5 und der CSS3-Regel @font-face ist das Einbinden von eigenen Schritarten (engl. fonts) zum Kinderspiel geworden. Das Einzige was man beachten muss, ist das Format der Schriftart. Internet Explorer 9 und aufwärts unterstützten nur das von Microsoft und Adobe entwickelte OpenType-Format. Alle anderen HTML5-Browser kommen mit TrueType Fonts (TTF) zurecht. Zum Glück gibt es einen TTF to EOT Font Converter, der einem aus einer TTF-Datei eine EOT-Datei erzeugen kann. Hat man beide Formate vorliegen, kann man die Schriftarten deklarieren und verwenden.
Eigene Fonts in Webseiten einbinden weiterlesen
Mirror background image with CSS3
Here you can see how to mirror a background image with some cool new CSS3 attributes:
1 2 3 4 5 6 7 8 9 10 11 12 13 | #background { background-image: url('./images/myBackground.png'); width: 1024px; height: 768px; /* Mirror the background image */ -webkit-transform: scaleX(-1); -khtml-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } |