Web Development

Our forums are currently in maintenance mode and the ability to post is disabled. We will be back up and running as soon as possible. Thanks for your patience!

Question

How to place animation in a child theme in wordpress

By spencer1621515293 ·
Hi, how would I put the following animation code in a child theme.:

.flip-horizontal-bottom {
-webkit-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

* ----------------------------------------
* animation flip-horizontal-bottom
* ----------------------------------------
*/
@-webkit-keyframes flip-horizontal-bottom {
0% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
100% {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
}
@keyframes flip-horizontal-bottom {
0% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
100% {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
}
Thread display: Collapse - | Expand +

All Answers

Collapse -

Re: animation

by Kees_B Moderator In reply to How to place animation in ...

Obviously, this piece of CSS was made by some site. Why not ask them how to use it? They might even have it in their FAQ.

Googling WORDPRESS WEBKIT ANIMATION seems a good way to find instructions also.

Collapse -

Adding animation to child theme

by Old Molases In reply to How to place animation in ...

Just put the minified animate css file in your child theme folder and add the following code to your child theme functions.php file:
// Load animation css
wp_enqueue_style( 'animate-css', get_stylesheet_directory_uri() . '/animate.min.css' );
and then start adding the classes to the text you want to animate.

Collapse -

Thankyou, animation seems to be working

by spencer1621515293 In reply to Adding animation to child ...

Thankyou, animation seems to be working.

Related Discussions

Related Forums