links til anitmation
https://www.w3schools.com/css/tryit.asp?
filename=trycss3_animation_count2
https://www.w3schools.com/css/css3_animations.asp
https://www.w3schools.com/cssref/css_animatable.php
Hvad har jeg lært?
jeg har lært at du kan ikke lave skroll animationer i opera og hvordan man laver animationerne
animationerne inkludere placerings skift, farve skift, hastighed, antal reputationer, skroll animationer og delay.
problemer
kom til at lave css kode i html delen hvilket endte med at få alle div boksene til at undergå animationerne for en ænkelt div.
der var også et problem med at få det til at virke i opera.
dette er noget af koden
anvendelse under studietur webdock
i webdocken har jeg benyttet mig af paralax scrolling, animationer baseret på position på side, Progress bar, og en bar med link til en anden side der kommer tilbage når du scroller op, og forsvinder når du scroller ned.
video der viser webdock: https://youtu.be/YpOVQ_AdJ3I
kode
dette kode for et billede til at komme ind fra siden når du har scrollet ned til de designeret %.
denne kode følger samme prencip som forige kode
dette kode for boksen til at følge med dig ned i stedet for at komme ind fra siden af.
vi blev nød til at benytte os a Java script for at kunne få animationerne til at virke.