# Add Animations To A Custom class

**URL:** <https://forum.bricksbuilder.io/t/add-animations-to-a-custom-class/8272>\
**Category:** How To\
**Created:** [November 29, 2022, 11:40am UTC](https://forum.bricksbuilder.io/t/add-animations-to-a-custom-class/8272 "2022-11-29T11:40:37Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Michael](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/michael/32/101_2.png) [@Michael](https://forum.bricksbuilder.io/u/Michael)\
**Post date:** [November 29, 2022, 11:40am UTC](https://forum.bricksbuilder.io/t/add-animations-to-a-custom-class/8272/1 "2022-11-29T11:40:37Z")

</div>

Hey one and all,

Not sure if it’s me being thick or not. But I wanted to add an animation to a custom class.

This is what I have added to the custom class CSS

`animation: root 1s ease-in-out 0s 1 normal none;

@keyframes root {  
0% {  
opacity: 0;  
transform: translateY(-50px);  
}

```
100% {
	opacity: 1;
	transform: translateY(0);
}

```

}`

I have also tried using the class name instead of root, but that does not work either.

Is it me being thick or should this work?

Many thanks

Mick