CSS3

CSS 3

Keine Besonderheit von CSS 3 sondern für alle Varianten von CSS gilt die Kaskadenregel.

Auswahl neuer Möglichkeiten mit CSS 3:

border-radius
Rundet die Ecken von HTML-Boxen ab		 px, em, Prozent
button { border-radius: 15px }
box-shadow
Schatten (Drop-Shadow) hinter HTML-Boxen		 horizontaler Versatz
Vertikaler Versatz
Verlaufs-Radius
Schattenfarbe
.box { box-shadow: 10px 10px 15px silver }
box-sizing border-box
hyphens
Automatische Silbentrennung		 auto
hyphenate-limit-chars
hyphenate-limit-lines
filter
Filter für Bilder		 blur, grayscale, drop-shadow, brightness, contrast, hue-rotate, invert, saturate, opacity
@font-face
Ladbare Schriften		 font-family, src
border-image
Rahmen aus Pixelbildern		 border-image-source, border-image-slice, border-image-width, border-image-repeat
background-image
Mehrere Hintergrundbilder
background-size, background-clip, background-origin
skaliert Hintergrundbilder		 length, %, auto, contain, cover
@keyframes
Animationen auf Basis von transform		 animation-name,animation-duration, animation-iteration-count, animation-delay,animation-play-state, animation-fill-mode, animation-direction, animation-timing-function
opacity
Transparenz von Elementen		 0-1
outline-offset
Abstand des äußeren Rahmens		 px, em, %
resize
Element kann vom Benutzer verkleinert oder vergrößert werden		 both
text-columns
Spaltensatz
text-overflow
Kürzen von Texten, die die Grenzen ihrer umfassenden Box überschreiten		 ellipsis
text-shadow
Schatten hinter Text (Drop-Shadow)		 horizontaler Versatz, vertikaler Versatz, Verlaufs-Radius des Schattens, Schattenfarbe
transform
Bewegen, verkleinern, vergrößern, rotieren und verzerren		 translate
translateX
translateY
scale
scaleX
scaleY
rotate
skewX
transform-origin
transition
ändert den Wert einer CSS-Eigenschaft über die Zeit		 transition-property
transition
transition-duration
transition-delay
transition-timing-function

siehe: http://www.mediaevent.de/css/tabelle-css3-eigenschaften.html

Zum Seitenanfang