CSS a HTML poznámky

Moje poznámky pro psaní HTML webu a formátování pomocí CSS

Text a písmo

Pro formátování textu využívám výhradně stylování pomocí CSS.

Pozadí/obrázky

Přechody barev

Lineární

background: linear-gradient(to left, green, white);

Radiální

background: radial-gradient(green, white);

Filtry

CSS atribut filter, má mnoho možností, které lze kombinovat spolu, viz. příklady níže.

Kombinace atributů vypadá následovně: filter: hue-rotate(90deg) brightness(1.5) blur(10px).

LOGO

Blur

filter:blur(5px)
LOGO

Zesvětlení

filter:brightness(2)
LOGO

Kontrast

filter: contrast(300%);
LOGO

Drop-shadow

filter: drop-shadow(16px 16px 20px blue);
LOGO

Černobílý

filter: grayscale(100%);
LOGO

Barevný

filter: saturate(1.8);
LOGO

Odstíny

filter: hue-rotate(90deg);
LOGO

Otočení barev

filter: invert(100%);
LOGO