Question Details

No question body available.

Tags

html tailwind-css

Answers (1)

Accepted Answer Available
Accepted Answer
April 26, 2026 Score: 4 Rep: 20,130 Quality: Expert Completeness: 60%

When opened, the dialog suddenly goes from display: none to a visible open state. starting:open: defines the temporary starting state at that moment, while open: defines the final state that the browser animates to.

So use starting:open:translate-y-full starting:open:opacity-0 instead of starting:translate-y-full starting:opacity-0.

Show
  

    
Hello there