I should probably preface this by pointing out that the root of my problem is almost certainly my minimal understanding of html and css - I just started learning about a week ago.
Anyway, I've been playing around with different looks and styles, and I ran across the amazing CSS animations at https://daneden.github.io/animate.css/
- I figured "Hey, some of those are pretty nifty! Let's add them!".
Well... obviously it's turned out to be more complicated than I'd imagined. I haven't been able to figure out how to call an animation with any combination of (@@.CSSname;) - my guess is I just don't know the proper syntax and I haven't been able to find anything by searching online.
That said, I did manage to get it working in some instances by wrapping it with html and giving it the class I wanted (for example, class="animated infinite bounce"). The problem is, this only seems to work with block tags - p, div, etc. - which obviously break the current line. If I try calling the animation with span, nothing. If I try forcing display:inline with the block tags, it breaks the animation.
I know I meandered a bit there, but my question is this: If I wanted to put a sentence in my story, say "The quick brown fox jumps over the lazy dog.", and I want the word 'jumps' to bounce, is there a way to do this with those animations without breaking the line?
I'm assuming that either A) The answer is very simple and I've just overlooked it, B) It's not possible and I'm beating my head against a wall here, or C) My computer is haunted.
Thanks in advance