CSS: pogojni border-radius glede na širino elementa

CSS: pogojni border-radius glede na širino elementa

Zaobljeni vogali so danes skoraj standardni del spletnega oblikovanja. Kartice, slike, vsebinski bloki in drugi elementi imajo pogosto border-radius, dokler niso prikazani čez celotno širino zaslona. Takrat zaobljeni vogali pogosto niso več smiselni, zato želimo vogale preprosto odstraniti.

Preberi
CSS: backdrop-filter

CSS: backdrop-filter

Če želimo ustvariti t. i. “glass” efekt (blur ozadja za elementom), je CSS backdrop-filter ena najbolj uporabnih CSS lastnosti. Namesto da oblikuješ sam element, z backdrop-filter vplivaš na vsebino za njim. Rezultat je moderni UI, kot ga vidiš v vmesnikih iOS, macOS ali v “glassmorphism” oblikovanju.

Preberi
CSS: padding-inline in padding-block

CSS: padding-inline in padding-block

Pri delu z CSS smo navajeni uporabljati padding ali pa posamezne padding-top, padding-left, padding-right in padding-bottom. Te lastnosti so vezane na fizične smeri odmika (levo/desno/gor/dol).

Preberi