Mathias Greiner - Webdesign Programmierung Gestaltung InternetseitenCSS3 Beispiele
CSS3 bietet einige neue Möglichkeiten für eine einfachere Umsetzung von Gestaltungen ohne Hintergrundbilder. Noch unterstützen leider nicht alle Browser CSS3 vollständig, aber mit einigen Hacks lassen sich die neuen CSS3 Eigenschaften schon heute in den gängigen Browsern nutzen.
runde Ecken
-webkit-border-radius: 8px; /* Safari, Chrome */
-moz-border-radius: 8px; /* Firefox */
border-radius: 8px; /* CSS3-Standard */
behavior: url(ie-css3.htc); /* IE6+ Hack*/
CSS - Font
eigne Schriften in CSS
@font-face{
font-family:"MyFont";
src:url("../fonts/myfont.ttf");
}
@font-face {
font-family: "MyFont";
src: url(../fonts/myfont.eot); /* IE */
}
h1{
font-family: "MyFont",arial,helvetica,sans-serif;
}