Logo Pulse

[BorisPlaysMC]

Hello, I wanted to know how to make my logo have a pulse. I've tried using this "<img class="animated pulse infinite" src="/styles/logo.png">" in the extra.less template via XenForo v2.0.10, but that didn't work.

Any suggestions?

 

[Norska]

Add this in css and it should work

-webkit-animation: breathing 7s ease-out infinite normal;
animation: breathing 7s ease-out infinite normal;

 

[BorisPlaysMC]

So I would put that code in the extra.less?
(Sorry i'm new at this, and setting up my own theme with UI.X 2 was a journey of its own)

Add this in css and it should work

-webkit-animation: breathing 7s ease-out infinite normal;
animation: breathing 7s ease-out infinite normal;

 

[Kuchy]

Well you'll need to have that animation created, either self made or from a pre-made css library like animate.css

You can't just add the class and expect that to pulse automatically without the certain criteria. Look at keyframes on w3schools or animate.css if you're wanting pre-made

 

[BorisPlaysMC]

Oh alright
and Thank you both for helping me Kuchy & Norska