UI Deploy

Curated, Short, Web UI Dev we Love.

CSS Snippet for “Animating” both Display and Transform

I often find myself needing to change an element from display: none; to display: block; and transition some transform properties on it. (Especially menu drop-downs…) Unfortunately, if you attempt to change display and transform at the same time, display “wins”: the element appears, but nothing gets transitioned.

view source

Advertisement