Hallo,
ich suche die entsprechenden Stellen einmal heraus und poste sie dann hier. Die "runden" Ecken etc. sind teilweise sehr Browserabhängig und werden nur von ganz aktuellen Versionen korrekt dargestellt.
Diese "Eyecandy"-Eigenschaften werden n
icht von allen Browsern unterstützt oder gle
ich dargestellt. Um es "massenkompatibler" zu machen, müssten man ggf. eher mit entsprechenden Grafiken arbeiten.
Unter "Interaktiv" -> "Artikelauswahl" könnte man z.B. unter CSS gesamt folgende Zeilen verwenden:
border-radius:8px;
Damit lassen s
ich z.B. die Rundungen an den Ecken einstellen.
Der Farbverlauf ohne Grafik geht z.B. so:
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
Noch einen Schatten dazu:
-webkit-box-shadow: 3px 0 3px #cccccc;
unter "CSS Abbildung" bringt folgende CSS Zeile die Reflektion:
-webkit-box-reflect:below 3px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
Wie gesagt, diese Zeilen können nur unter bestimmten Browsern angezeigt werden und es müssten entsprechende Befehle für den Rest nachgere
icht werden.
Weitere interessante Infos zu diesem Bere
ich finden Sie, wenn Sie bei Google nach z.B. folgenden Suchbegriffen suchen:
-webkit css3 effekte
Thomas Görtler schrieb am