Tegn med kode
5 emner i denne session.
Emner i denne session
5 emner
-
Data og farver: Fra værdi til visuelt udtryk
Vælg diagram efter budskabet, og brug color-mix() og Relative Color Syntax til farver, der hænger sammen.
-
Pseudo-elementer og typed attr()
Tilføj visuelle lag, og læs HTML-attributter som tekst, tal, procenter eller farver.
-
Diagrammer og logiske retninger
Læs Bar Chart-løsningen, skift orientering med writing-mode, og forbind data med koordinater.
-
Gradienter og grafiske lag
Tegn fyldninger, masker, gitre og en ring med CSS-gradienter.
-
SVG og doughnut chart: Fra data til ring
Forstå koordinater, stroke, procent og markør, og genbrug derefter diagrammet som Astro-komponent.