rund Ecken mit CSS -> Jürgen Schönbier / Webmaster

CSS runde Ecken // Generator

Einfach in die 4 kleinen Felder außerhalb Werte eingeben (Zahl).

 

W3C Specification Mozilla Implementation Webkit Implementation
border-radius -moz-border-radius -webkit-border-radius
border-top-left-radius -moz-border-radius-topleft -webkit-border-top-right-radius
border-top-right-radius -moz-border-radius-topright -webkit-border-bottom-right-radius
border-bottom-right-radius -moz-border-radius-bottomright -webkit-border-bottom-left-radius
border-bottom-left-radius -moz-border-radius-bottomleft -webkit-border-top-left-radius
nun auch für IE ab 9er Gecko-basierte Browser wie Firefox oder Seamonkey Webkit-basierte Browser wie Safari, iCab, Konqueror, Google Chrome

CSS-Code für den Schatten von Text und Boxen:

Überschrift wurde mit "text-shadow" deklariert. (IE 9, kennt das immer noch nicht.) text-shadow: 1px 1px 4px #333, -1px -1px 0px #000;
Der Schatten der Boxen mit CSS-Eignschaft -webkit-box-shadow: 1px 1px 2px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px 3px rgba(0, 0, 0, 0.5);