18.08.2004 (Archiv)
Grafiken mit CSS
Zur Abwechslung mal wieder etwas verspieltes mit CSS, nicht unbedingt wichtig aber auch nicht uninteressant. Denn auch mit CSS können kleine Grafiken erstellt werden.<!-- gopre -->Bei folgendem Beispiel wird ein buntes Quadrat mit 3D Effekt erzeugt. Die Grundlage bildet ein <div>-Container der durch eine Höhe und Breite von Null nicht angezeigt wird. Der Effekt selbst wird nur durch den Rahmen erzeugt. Welche Farben letztendlich verwendet werden bleibt natürlich jedem selber überlassen. Die Größe des Quadrats wird über die Rahmengröße bestimmt.
<div style='margin:10px;
float:left;
border-width:10px;
border-style:solid;
width:0px;
height:0px;
line-height:0px;
border-color:yellow green blue red'>
</div>
Lasse Reichstein Nielsen hat noch viel mehr Figuren auf Lager. Die einzige Voraussetzung ist ein moderner Browser.
Lasse Reichstein Nielsen
Ihre Meinung dazu? Schreiben Sie hier!
Newsticker per eMail oder RSS/Feed!
Forum: Ihre Meinung dazu! Ins Forum dazu posten... |