Hallo,
ich suche die entsprechenden Stellen einmal heraus und poste sie d
ann hier. Die "runden" Ecken etc. sind teilweise sehr Browserabhängig und werden nur von g
anz aktuellen Versionen korrekt dargestellt.
Diese "Eyec
andy"-Eigenschaften werden nicht von allen Browsern unterstützt oder gleich dargestellt. Um es "massenkompatibler" zu machen, müssten m
an ggf. eher mit entsprechenden Grafiken arbeiten.
Unter "Interaktiv" -> "Artikelauswahl" könnte m
an 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 interess
ante Infos zu diesem Bereich finden Sie, wenn Sie bei Google nach z.B. folgenden Suchbegriffen suchen:
-webkit css3 effekte
Thomas Görtler schrieb am