CSS 3

03.11.2016 05:30 Uhr

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

Schlagwörter: