yujing-student
commented
1 month ago breakdownschets ontwerp 1
data ophalen
de breakdown
ipad en desktop visuele schets
de grid layout 3 rijen enn 3 kolommen
Closed yujing-student closed 2 weeks ago
yujing-student
commented
1 month ago data ophalen
de breakdown
ipad en desktop visuele schets
de grid layout 3 rijen enn 3 kolommen
yujing-student
commented
1 month ago inspiratie voor anderen animaties
https://blog.hubspot.com/website/css-fade-in button animatie : https://www.florin-pop.com/blog/2019/03/css-pulse-effect/
hover animation : https://codepen.io/twhite96/embed/brryVq?height=600&default-tab=result&embed-version=2#result-box--
yujing-student
commented
1 month ago als je op de button druk voor meer info klikt dan verschijnt er een nieuw blok
yujing-student
commented
1 month ago breakdownschets op mobiel
breakdownschets desktop
onthouden dat de tekst h2 of p in 1 frame moet zodat het herbruikbaar is en dat het niet als losse elementen zijn
maar eerder dit
yujing-student
commented
1 month ago de tekst meer over mij met dat witte blok staat normaal op display none en komt te voorschijn als je op de button drukt de button zelf heeft ook een pulse animatie zoals deze https://www.florin-pop.com/blog/2019/03/css-pulse-effect/
het visitekaartje komt op mobiel van bovenaf naar beneden vallen en op desktop komt het vanaf links in het scherm zie hier de inspiratie
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animations/Using_CSS_animations#examples
mobiel
desktop
ontwerp 1
hier staat de feedback van klasgenoten ontwerp1:https://github.com/yujing-student/your-tribe-for-life-profile-card/issues/1
https://www.figma.com/proto/Q9Su8EOrx985SuIz2yw0Hz/design-file-sprint-13?node-id=1-58&t=Up7ea3d6zyIjMphk-1
als je op de druktmeer button drukt moet er iets van een animatie komen
todo 2de ontwerp maken