css3

jQuery 1.8 fügt Vendor-Prefixes automatisch hinzu1

Von bennyn am 25. August 2012 in

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:
Weiterlesen …

Eigene Fonts in Webseiten einbinden0

Von bennyn am 15. Juni 2012 in

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.
Weiterlesen …

Mirror background image with CSS30

Von bennyn am 21. Februar 2012 in

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);
}
Microsoft Certified Professional Logo
 

Werbung