# How to transition between big and small logo on scroll?

**URL:** <https://meta.discourse.org/t/how-to-transition-between-big-and-small-logo-on-scroll/55569>\
**Category:** UX\
**Created:** [January 11, 2017, 5:02am UTC](https://meta.discourse.org/t/how-to-transition-between-big-and-small-logo-on-scroll/55569 "2017-01-11T05:02:00Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![pyn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pyn/32/121301_2.png) [@pyn](https://meta.discourse.org/u/pyn)\
**Post date:** [January 11, 2017, 5:02am UTC](https://meta.discourse.org/t/how-to-transition-between-big-and-small-logo-on-scroll/55569/1 "2017-01-11T05:02:00Z")

</div>

How would I transition between the two site logos when someone scrolls down without the other image just appearing in its new spot? Is there any way to transition nicely between the two images with CSS?