Javascript
OPGAVER TIL HTML & CSS – JS – COLOR PALETTE
Opgave 1
Opgave 1 – Del 1
Først skal vi igennem disse trin
- Lav en ny pen i codepen.io
- Gå op i HTML boksen og skriv dette ind:
OBS! På linje 3 er der gjort plads til alle farve linjerne inde i “container-nr1”. Dem sætter vi ind i næste del opgave.
Opgave 1 – Del 2
Vi går nu ned i vores CSS og beskriver vores klasse for palette og container-nr1
Opgave 1 – Del 3
Nu skal vi tilbage til HTML‘en. For vi skal lige have alle vores farve lister ind. Stil dig inde i container-nr1 div boksen (på linje 3) og skriv nu dette ind.
Opgave 1 – Del 4
Nu skal vi tilbage til vores CSS boks og skrive klassen ind for slider-nr1.
Opgave 1 – Del 5
Vi bliver i CSS boksen. og tager nu fat på klassen for hoved farven, den i midten.
Opgave 1 – Del 6
Vi bliver stadig i CSS’en og går nu i gang med klasserne for nuacerne. Vi starter med de lyse farve nuancer
Opgave 1 – Del 7
Nu skal vi have de sidste klasser med dem for de mørke farver.
Opgave 1 – Del 8
Nu er vi nået til JS delen! Den allersidste del i opgaven
Her under er koden eksekveret uden JS linket.
Lys 40%
Lys 30%
Lys 20%
Lys 10%
Main Color
Mørk 10%
Mørk 20%
Mørk 30%
Mørk 40%