Einfach ausprobieren und viel Spaß dabei!
[ ? ]
 Abmessungen: width=64px height=48px
Kurzbeschreibung
Hallo und willkommen bei meiner Demo Kunst im web mit HTML5 Input-Elementen.

Dieser Generator ist recht einfach gestrickt und funktioniert mit allem Komfort derzeit nur mit aktuellen browsern, die HTML5 und CSS3 voll unterstützen.
Am besten lässt sich dieser Generator mit Chrome 28+ und einer Bildschrimauflösung von 1920x1200px bedienen. Bei dieser Auflösung kann der Container (box) bis zu 1280px vergrössert werden.

In dieser demo werden die neuen Input-Elemente  range und color verwendet. "range" ist der Schieberegler und "color" öffnet ein Auswahlfeld für Farben.
Letztere wird meist vom Betriebssystem erzeugt und sieht daher auch unterschiedlich aus.

Kurzanleitung

  1. die Grösse der Box mit dem resize-Symbol
     
    verändern und nach Bedarf per drag und drop verschieben.
  2. Transparenz und Hintergundfarbe einstellen
  3. dann einfach ausprobieren und tolle Möglichkeiten entdecken


Einstellmöglichkeiten
opacity in Werten von 1-10 (wird im script durch 10 geteilt)
background-color Hintergrundfarbe der box
border-style solid,dashed,inset,outset,groove,ridge,dotted
border-color
border-top-width
border-left-width
border-bottom-width
border-right-width
border-top-left-radius
border-top-right-radius
border-bottom-left-radius
border-bottom-right-radius
box-shadow inset
box-shadow outset
box-shadow h-spread
box-shadow v-spread
box-shadow spread
box-shadow-color
transform rotate
transform skewX
transform skewY

Nutzungsbedingungen

jegliche kommerzielle Nutzung ist untersagt

kostenlos für private Anwender

kostenlos für Ausbildungs-und Lernzwecke (sofern die Schulung kostenlos erfolgt)

kostenlos für gemeinnützige Projekte