# How to make animation in Pinegrow?

**URL:** https://forum.pinegrow.com/t/how-to-make-animation-in-pinegrow/6485
**Category:** Pinegrow Interactions Add-on
**Created:** [April 11, 2022, 2:37am UTC](https://forum.pinegrow.com/t/how-to-make-animation-in-pinegrow/6485 "2022-04-11T02:37:54Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![alexseo](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@alexseo](https://forum.pinegrow.com/u/alexseo)
#### Post date: [April 11, 2022, 2:37am UTC](https://forum.pinegrow.com/t/how-to-make-animation-in-pinegrow/6485/1 "2022-04-11T02:37:55Z")

</div>

Hi,

How to make animation in Pinegrow ?

Is there an easy way to make animations ?

\<\< In Pinegrow \>\>  
I did the following way, but it didn’t work.  
What did I make in an wrong way ?  
I did like this;

1. In Tree Panel, I select h1 element.
2. I opened Interations Panel.
3. I select Interaction 1 in Interactions.
4. Target : I select current element.
5. Animation : I select Bounce in Attention Seekers.  
I did, but it doesn’t work.

\<\< animate.css \>\>

1. I attact CDN 
2. I attacted this; 
# An animated element
  
I did, and the It works well.

 ![스크린샷 2022-04-11 오전 11.28.02](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/4/4168e565a583058bbae08000c76ef5fb95239594.png)  
 ![스크린샷 2022-04-11 오전 11.27.55](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/9/92b8a99291d3dafb135047a8704446dbc70b6ad5.png)  
 ![스크린샷 2022-04-11 오전 11.28.10](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/8/846f60e54558d22c2454d558f6c2da3b8eddf7cf.png)

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [April 11, 2022, 9:35am UTC](https://forum.pinegrow.com/t/how-to-make-animation-in-pinegrow/6485/2 "2022-04-11T09:35:04Z")

</div>

Hi @alexseo,  
What did you add for a trigger? It is a required field because Interactions needs to know when you want the interaction played.  
Cheers,  
Bob

---

<div class="post-metadata">

### Author: ![alexseo](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@alexseo](https://forum.pinegrow.com/u/alexseo)
#### Post date: [April 12, 2022, 1:52am UTC](https://forum.pinegrow.com/t/how-to-make-animation-in-pinegrow/6485/3 "2022-04-12T01:52:02Z")

</div>

I see.  
Thank you very much.
