Add Animations To A Custom class

How To
1

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

1 Like