Skip to content

Animation / new Transition "flyTo" #533

@schube

Description

@schube

I try to implement an online shop with DominoUI and if a user adds a product to the cart, I would like to have the product image "fly" & fade out to the cart symbol.

Something like
https://codepen.io/eurelis/pen/BpYzmE/
or
https://codepen.io/elmahdim/pen/tEeDn

Currently, I do not see how this could be achieved with the Animation or Transition class/enum.

Maybe something like

Animation.create(btnZumWarenkorb)
            .transition(Transition.FADE_OUT)
            .flyTo(targetElement) // or .flyTo(xCoordinate, yCoordinate)
            .duration(800)

Thank you!

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions