# Loader /content transition when appear

**URL:** <https://community.weweb.io/t/loader-content-transition-when-appear/679>\
**Category:** Ask us anything\
**Created:** [June 19, 2022, 6:27am UTC](https://community.weweb.io/t/loader-content-transition-when-appear/679 "2022-06-19T06:27:32Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![dorilama](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorilama/32/10403_2.png) [@dorilama](https://community.weweb.io/u/dorilama)\
**Post date:** [June 21, 2022, 8:11am UTC](https://community.weweb.io/t/loader-content-transition-when-appear/679/3 "2022-06-21T08:11:23Z")

</div>

If you want to animate the opacity you can just use css transitions for that. Weweb lets you easily add them with the click of a button :).  
Just bind the opacity to be 0 when the collection is fetching, 1 otherwise. Then add a transition in the advanced panel clicking on the plus button.  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/1X/75da71e5afa38810fe7b3147f6fafdfb134c2d7e.png)

---

_[View the full topic](https://community.weweb.io/t/loader-content-transition-when-appear/679)._