Open Maaike0904 opened 8 months ago
Er is een leuk artikel waar verschillende "nieuwe" scroll-driven-animations staan, je kunt hier misschien ook wat uit halen. Zoals bijvoorbeeld het leesbalkje: https://developer.chrome.com/docs/css-ui/scroll-driven-animations#demo_reading_progress_indicator (als hint dat je nog niet bent uitgelezen), Iets laten verschijnen/verbergen: https://developer.chrome.com/docs/css-ui/scroll-driven-animations#demo_image_reveal , Nog een leuke om misschien voor je "kaartjes" te gebruiken: https://developer.chrome.com/docs/css-ui/scroll-driven-animations#attaching_to_multiple_view_timeline_ranges_with_one_set_of_keyframes (deze heb ik zelf ook gemaakt, dus voor hulp kun je me altijd vragen) , En deze om je kaartjes leuk te animeren (die ik je heb laten zien): https://developer.chrome.com/docs/css-ui/scroll-driven-animations#more_demos_and_resources
Alles staat op deze pagina: https://developer.chrome.com/docs/css-ui/scroll-driven-animations
thanks, this was really helpful for my design process 👍🏿
Er is een leuk artikel waar verschillende "nieuwe" scroll-driven-animations staan, je kunt hier misschien ook wat uit halen. Zoals bijvoorbeeld het leesbalkje: https://developer.chrome.com/docs/css-ui/scroll-driven-animations#demo_reading_progress_indicator (als hint dat je nog niet bent uitgelezen), Iets laten verschijnen/verbergen: https://developer.chrome.com/docs/css-ui/scroll-driven-animations#demo_image_reveal , Nog een leuke om misschien voor je "kaartjes" te gebruiken: https://developer.chrome.com/docs/css-ui/scroll-driven-animations#attaching_to_multiple_view_timeline_ranges_with_one_set_of_keyframes (deze heb ik zelf ook gemaakt, dus voor hulp kun je me altijd vragen) , En deze om je kaartjes leuk te animeren (die ik je heb laten zien): https://developer.chrome.com/docs/css-ui/scroll-driven-animations#more_demos_and_resources
Alles staat op deze pagina: https://developer.chrome.com/docs/css-ui/scroll-driven-animations