Jump to content
Search Community

Lollibomber

Members

  • Posts

    3

  • Joined

  • Last visited

Lollibomber's Achievements

  • First Post Rare
  • Conversation Starter Rare
  • One Month Later
  • Week One Done

Recent Badges

1

Reputation

1

Community Answers

  1. Lollibomber started following Can I animate preserveAspectRatio (svg) ? and Can I rotate a svg element in 3d?
  2. Lollibomber
    I'm trying to create a folding animation with svg elements. But unfortunately rotationY (or other 3d methods) does not seem to work. Any suggestions?
  3. Lollibomber
    Thank you for pointing me to the right direction. I noticed that this does not animate, but does change the aspectRatio: gsap.set(svg,{attr:{preserveAspectRatio:"xMaxYMax slice"}}); gsap.to(svg, 1, {attr:{preserveAspectRatio:"xMinYMax slice"}}); So by first animating the viewbox, and the end of the animation changing the preserveAspectRatio that way, I could establish what I wanted. Thanks!
  4. Lollibomber
    I've got a svg-file that I placed (due to responsive reasons) this way: <svg width="100%" height="100%" viewBox="0 0 1000 500" preserveAspectRatio="xMaxYMax slice" class="MAIN">My super duper svg</svg> I want to animate this svg with some kind of event to <svg width="100%" height="100%" viewBox="0 0 1000 500" preserveAspectRatio="xMidYMax slice" class="MAIN">My super duper svg</svg> In other words, the position of the svg changes from "xMaxYMax slice" to "xMidYMax slice" (depending on the aspect ratio of the browser). Is there a way to achieve this? Maybe with FLIP?
×
×
  • Create New...