# Animations in UNO

**URL:** <https://forums.fusetools.com/t/animations-in-uno/5609>\
**Category:** How-to Discussions\
**Created:** [July 23, 2015, 1:48pm UTC](https://forums.fusetools.com/t/animations-in-uno/5609 "2015-07-23T13:48:49Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Cristian\_Karmy1](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/cristian_karmy1/32/480_2.png) [@Cristian\_Karmy1](https://forums.fusetools.com/u/Cristian_Karmy1)\
**Post date:** [July 23, 2015, 1:48pm UTC](https://forums.fusetools.com/t/animations-in-uno/5609/1 "2015-07-23T13:48:49Z")

</div>

How can I Animate in UNO only the first 3 children of an element?

And how can I write this UX to UNO?

```auto
<Change Target="Element.Anchor" Value="0,100" Duration="1" Easing="CubicOut" Delay="1" />

```

Is posible?

---

<div class="post-metadata">

**Author:** ![Anders\_Lassen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_lassen/32/522_2.png) [@Anders\_Lassen](https://forums.fusetools.com/u/Anders_Lassen)\
**Post date:** [July 23, 2015, 2:09pm UTC](https://forums.fusetools.com/t/animations-in-uno/5609/2 "2015-07-23T14:09:41Z")

</div>

It is possible, but not reccommended. Use UX for animations.

---

<div class="post-metadata">

**Author:** ![Cristian\_Karmy1](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/cristian_karmy1/32/480_2.png) [@Cristian\_Karmy1](https://forums.fusetools.com/u/Cristian_Karmy1)\
**Post date:** [July 23, 2015, 3:54pm UTC](https://forums.fusetools.com/t/animations-in-uno/5609/3 "2015-07-23T15:54:42Z")

</div>

But in UX is posible to animate the first 3 child or animate the element when is on screen (like in scrollViewer when the element appear)?

---

<div class="post-metadata">

**Author:** ![Anders\_Lassen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_lassen/32/522_2.png) [@Anders\_Lassen](https://forums.fusetools.com/u/Anders_Lassen)\
**Post date:** [July 23, 2015, 4:05pm UTC](https://forums.fusetools.com/t/animations-in-uno/5609/4 "2015-07-23T16:05:47Z")

</div>

I am pretty sure it is possible, but I have a problem understanding what you mean.

If you start by describing carefully what you want to acheive, it will be easier to help 🙂

---

<div class="post-metadata">

**Author:** ![Cristian\_Karmy1](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/cristian_karmy1/32/480_2.png) [@Cristian\_Karmy1](https://forums.fusetools.com/u/Cristian_Karmy1)\
**Post date:** [July 23, 2015, 4:36pm UTC](https://forums.fusetools.com/t/animations-in-uno/5609/5 "2015-07-23T16:36:44Z")

</div>

Sorry its hard to me write in english… But I try to explain better:

I want to do two things (separately)

1. I have a scrollViewer with many objects in a StackPanel like this:

```auto
<ScrollViewer>
    <StackPanel>
        <MyElement />
        <MyElement />
        <MyElement />
        <MyElement />
    </StackPanel>
</ScrollViewer>

```

I want that when scroll down in the ScrollViewer, and the object show on screen, MyElement fade in.

1. In the same list of the MyElement. I want to animate only the first 3 child, no all of them. This elements are created dynamically and all have the same ux:Name.

Sorry for my bad english…
