Animation arrow

• 

  mariaschonemann · Member · Oct 3, 2020 at 9:47 pm

  • Copy link
  • Add topic to favorites

  Hi,

  How can I make some “Read more”? with arrow animation?
  //Maria

  The blog I need help with is: (visible only to logged in users)

• 

  kokkieh · Staff · Oct 6, 2020 at 5:43 am

  • Copy link

  Hi there,

  This depends on the animation.

  First you’ll need to modify some HTML on your page to add a class to your arrows which we can target with CSS:

  https://d.pr/i/eTVT41

  Do this for each arrow you’ve manually added on your front page.

  Then add this CSS code in the Customizer:

  /* Add blinking animation to element with the added class*/
  .blinking{
      animation:blinkingText 1.2s infinite;
  }
  @keyframes blinkingText{
      0%{     color: #000;    }
      49%{    color: #000; }
      60%{    color: transparent; }
      99%{    color:transparent;  }
      100%{   color: #000;    }
  }

  That should cause your arrows to blink on and off.

  Anything more complex than this we won’t be able to help with. In that case you can hire a freelancer to help you as explained at https://en.support.wordpress.com/upwork/