CSS

Der Inhalt ist erst nach dem Einloggen sichtbar

Themen:


Introduction ⇑
a ⇑
animation_keyframes ⇑
background ⇑
blank ⇑
border-radius ⇑
border ⇑
box-sizing ⇑
calc ⇑
child ⇑
clear ⇑
clip-path ⇑
content ⇑
cursor ⇑
display ⇑
div ⇑
filter ⇑
flexbox ⇑
float ⇑
font ⇑
form ⇑
grid ⇑
hover ⇑
hyphens ⇑
img ⇑
important ⇑
is ⇑
li ⇑
margin ⇑
menue_hover_horizontal ⇑
menue_hover_vertical ⇑
not ⇑
of-type ⇑
opacity ⇑
optional ⇑
outline ⇑
overflow ⇑
padding ⇑
position ⇑
responsive ⇑
selection ⇑
selektoren ⇑
span ⇑
target ⇑
transform ⇑
transition ⇑
var ⇑
viewport ⇑
where ⇑
z-index ⇑
zoom ⇑

Anzahl an Themen: 51

Aktuell geöffnete Datei: 'filter'

Zum Wechseln des Themas einfach ein neues Thema eingeben

CSS_filter

filter

border-radius = Rahmenrundung border-radius: 5em 50% 0 50%;
Blur = Weichzeichnung filter: blur(6px);
brightness = Helligkeit filter: brightness(1.5);
contrast = Kontrast filter: contrast(1.3);
drop-shadow = Schlagschatten filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.7));
grayscale = Graustufe (1 = keine Farben) filter: grayscale(1);
hue-rotate – Winkel im Farbkreis (360 ° = Maximum) filter: hue-rotate(130deg);
invert = Invertieren (1) filter: invert(1);
opacity = Deckkraft filter: opacity(0.5); opacity(0.5);
saturate = Sättigung filter: saturate(2.5);
sepia = Sepiafarben filter: sepia(0.7);
Kombination filter: sepia(0.5) hue-rotate(280deg) blur(2px) drop-shadow(3px 3px 3px rgba(50,50,50,0.7)); border-radius: 2em;
transform & transition transform:scale(1.4) rotate(8deg) translate(30px,27px);

backdrop-filter

Mit dem Backdrop-filter kann man ein den Bereich eines Hintergrundbilds, das hinter einem anderen Element ist mit einem einem Filter darstellen.
Als Backdrop-filter können alle Filter angewendet werden.

Hallo, der Hintergrund unter mit ist mit einem Filter versehen.

image-rendering
Unsaubere Auflösungen bei bspw. einem QR-Codes kann mit CSS behoben werden.

mit: image-rendering: pixelated; werden Unschärfen entfernt.