Bij de training CSS, gegeven door de HvA, werd er een week lang geoefend met CSS. De opdracht van de training was: “Kies een afbeelding/kunstwerk en maak het na met alleen CSS. Mijn gekozen afbeelding is hier te vinden. Met de CSS property ‘clip-path’ heb ik de driehoeken gemaakt. Het meeste werk was het uitlijnen van alle driehoeken. Na dat ik de afbeelding na had gemaakt, ben ik met CSS animaties gaan oefenen. Wanneer er op sommige driehoeken geklikt wordt, gaan ze animeren. 

Als ik nu terug kijk naar mijn uitwerking had ik positionering van de driehoeken anders moeten aanpakken. Ik heb namelijk de driehoeken gepositioneerd met ‘position: absolute’. Dit werkt wel, maar alleen op een beeldformaat. Wanneer het werk op andere schermformaten wordt geopend zullen de driehoeken niet meer goed uitgelijnd zijn. Maar ik ben alsnog tevreden met het resultaat.

Het eindresultaat is hier te vinden: https://basvandenbrink98.github.io/CSS-cursus/