Skip to content

[Header Portal] Adjust microanimation for megamenu open/close #6589

@sandra-post

Description

@sandra-post

As by request from POW project team:

To adjust current microanimation for megamenu open/close to the following animation parameters (Parameter terms = Figma terms, might be different in code):

Open

  • Animation: Dissolve
  • Curve: Ease in
  • Duration: 600ms
Image

Close

  • Animation: Dissolve
  • Curve: Ease out
  • Duration: 600ms
Image

Find an animation example in the Figma prototype.

Please reach out to @rouvenpost if you have questions regarding the animation.

TODO:

  • Clarify the behavior of the megadropdown for all devices
  • Implement animations as requested using the Animation API with reusable animations
  • Clean up CSS animation

Metadata

Metadata

Assignees

Labels

HeaderEverything related to our composible header componentsquestionFurther information is requested📦 componentsRelated to the @swisspost/design-system-components package

Type

Projects

Status

💻 In Progress

Relationships

None yet

Development

No branches or pull requests

Issue actions