# UI animation like Checkset

**URL:** https://community.weweb.io/t/ui-animation-like-checkset/1998
**Category:** How do I?
**Created:** [March 8, 2023, 1:06pm UTC](https://community.weweb.io/t/ui-animation-like-checkset/1998 "2023-03-08T13:06:05Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![FJP84](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@FJP84](https://community.weweb.io/u/FJP84)
#### Post date: [March 8, 2023, 1:06pm UTC](https://community.weweb.io/t/ui-animation-like-checkset/1998/1 "2023-03-08T13:06:05Z")

</div>

Hi there,

On the Weweb homepage I see an example of Checkset. Going to that site I noticed some simple and elegant UI animations, like the image on the right fading/sliding in from the right. Can someone put me in the right direction how to be able to configure this myself. I did look around in the transition settings but without result.

Thanks in advance.

---

<div class="post-metadata">

### Author: ![FJP84](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@FJP84](https://community.weweb.io/u/FJP84)
#### Post date: [April 12, 2023, 7:34pm UTC](https://community.weweb.io/t/ui-animation-like-checkset/1998/2 "2023-04-12T19:34:06Z")

</div>

Anyone able to shed some light on this. For Example how can I transition a DIV “sliding” in from the right when the page is scrolling towards it’s position on de screen?

---

<div class="post-metadata">

### Author: ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)
#### Post date: [April 14, 2023, 1:27pm UTC](https://community.weweb.io/t/ui-animation-like-checkset/1998/3 "2023-04-14T13:27:07Z")

</div>

Checkset product is built with WeWeb, but the website is built with Webflow. I don’t think we have an easy way to trigger animations on scroll, but you should be able to replicate the animation using Transform in ‘Advanced’

---

<div class="post-metadata">

### Author: ![FJP84](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@FJP84](https://community.weweb.io/u/FJP84)
#### Post date: [April 14, 2023, 3:13pm UTC](https://community.weweb.io/t/ui-animation-like-checkset/1998/4 "2023-04-14T15:13:06Z")

</div>

Ah that makes sense. Thanks
