Animation · marts 20, 2015 0

Demo: Zero element solformørkelse

Jeg lavede denne demo efter solformørkelsen i 2015 – hvilket tusindvis af andre webudviklere i øvrigt også gjorde.

Det, der er specielt ved lige denne er, at det er en “zero element” demo. Der er altså ingen HTML-elementer i demoen – den er lavet med ren CSS takket være pseudo-elementer.

Se demoen her.

Hastigheden på “månen” varierer efter skærmbredden, og ellers er det en helt simpel demo hvor “månen” bevæger sig i en let bue, og “lyset” forsvinder når den dækker for “solen”, som er statisk placeret midt i billedet.

GIF af animationen