Tags:

CSS

Animering af display fra block til none

Animation af elementer når display er sat til block er ikke specielt nemt, da værdien none bliver sat med i samme øjeblik CSS’en afvikles. Før i tiden skulle man rode med Javascript til den slags, meeeen, nu findes der heldigvis en (forholdsvis) nem løsning med ren CSS, der kan det samme.

See project

CSS

Smart trick med flexbox og margin block auto

Margin-block-auto er en smart måde at arbejde hurtigere og mere effektivt med flexbox-elementer.

See project

CSS

Hurtigt kig på nth-of-type

I CSS giver nth-of-type dig mulighed for at vælge elementer udfra deres placering i en container. Dette gør det nemmere at style elementer uden brug af ekstra klasser.

See project

CSS

Grid og min-max bredde i CSS

Responsivt layout i CSS kan til tider være hårrejsende irriterende, svært og lidt udfordrende, men nu har CSS fået nogle virkelig fede tricks, der gør det hele en smule lettere.

See project

CSS

Få et childelement til at bryde ud af sin parentcontainer

Jeg fandt en super fed funktion i CSS, hvor du kan bruge box-shadow og clip-path på et element inde i en container for at få det til at fylde hele bredden af sin bedsteforælderbeholder.

See project