HTML & CSS

Lav gradient baggrunde og lær hvad en id er

NIVEAU: MIDDEL

Lav former med CSS

NIVEAU: MIDDEL

Giv dit billede tags – Brug GRID, mouseover effekt, links, anderledes cursor(mus) og tooltip(info boks)

NIVEAU: MIDDEL

Billede

No. 1

Lav en 3D afbildning af en boks der flipper rundt med en forside og bagside.

NIVEAU: MIDDEL

Dette er en

Lav en hover effekt med 4 X span der referer til antal børn(nth-child) og en underside der slider op.

NIVEAU: MIDDEL

OPSLAGSTAVLE

Lav en Opslagstavle med html og CSS

NIVEAU: MIDDEL

Lav en Hamburgermenu med html og CSS

NIVEAU: MIDDEL

HOVER THE BOKSES
TO READ

I denne opgave skal I lære at kalde på andre elementer end dem I rører ved. Dette kan gøres med rent css

I skal også lære at arbejde med synlighed og positionere tekster i midten/centreret af jeres element

Ved at benytte hover effekten på boksen I rører ved kan I fortælle at endnu en boks skal vises

Det gøres ved at skjule de bokse af default(genrelt) og herefter vise dem når der røres ved elementet der tilhører boksen som er skjult

Lær hvordan man hover(laver mouseover) på et element for at få et andet element til at reagere med en aktion

KOMMER SNART

Design svampe og lær at bruge maske til at begrænse rammen af dit element. Med html og css

Design en blomst. Arbejd med gradient farver, skygger og filtre. Med html og css

REVERSE ENGINEERING: Her skal du hente koden til HTML og CSS koderne ned, for at lave opgaverne.

NIVEAU – MIDDEL

KOMMER SNART!

SÆT EN HJEMMESIDE OP RESPONSIVE(så den passer til flere skærme). Lær at sætte billeder ind og lav CSS klasser og id’er.

NIVEAU – MIDDEL