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 nicht von allen Browsern unterstützt oder gleich 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 sich 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 nachgereicht werden.
Weitere interessante Infos zu diesem Bereich finden Sie, wenn Sie bei Google nach z.B. folgenden Suchbegriffen suchen:
-webkit css3 effekte
Thomas Görtler schrieb am