Question

  • Creator
    Topic
  • #2141454

    How to place animation in a child theme in wordpress

    by spencer1621515293 ·

    Tags: 

    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);
    }
    }

You are posting a reply to: How to place animation in a child theme in wordpress

The posting of advertisements, profanity, or personal attacks is prohibited. Please refer to our Community FAQs for details. All submitted content is subject to our Terms of Use.

All Answers

  • Author
    Replies
    • #2417359
      Avatar photo

      Re: animation

      by kees_b ·

      In reply to How to place animation in a child theme in wordpress

      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.

    • #2417184

      Adding animation to child theme

      by old molases ·

      In reply to How to place animation in a child theme in wordpress

      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.

Viewing 1 reply thread