Information om denne video
Underviser: Rene Gundersen, www.gundersen-it.dk
I denne video viser vi, hvordan CSS3 kan bruges til at lave farve gradienter med. Mere specifikt så kigger vi på radiale og lineare gradienter. Disse gradienter vil blive påført som baggrund på en div, hvilket du vil kunne se i videoen. Til dem som er i tvivl, så er en gradient defineret således (w3.org):
"En graduering eller gradient er et browser-genereret billede specificeret udelukkende i CSS(3). Disse er billeder som består af bløde overgange mellem flere farver (farveovergange). Der er to grundlæggende typer af gradienter i øjeblikket. Disse er: lineære og radiale gradienter. Disse er specificeret af den lineære-gradient() og radial-gradient() funktion, og kan bruges alle de steder hvor man før kunne bruge billeder som baggrund.(oversat fra engelsk)"
Det smarte er altså, at du nu udelukkende ved hjælp af CSS kan lave baggrunde der skifter farve på langs, på tværs eller diagonalt alt efter hvordan du vælger at sætte det hele op.
Herunder finder du koderne der bliver lavet i videoen - Kopier dem gerne!
Du kan hente alle kildefilerne her: Kildefiler til farveovergange
Video tags:
