animate width of the containing span

peachananr / simple-text-rotator

Add a super simple rotating text to your website with little to no markup

http://peachananr.github.io/simple-text-rotator/demo.html

GNU General Public License v2.0

748 stars 249 forks source link

animate width of the containing span #21

Open dannyb4 opened 10 years ago

dannyb4 commented 10 years ago

Hi,

Nice plugin! One thing, I was wondering if it'd be possible to make it so width of the containing span gets animated when changing words rather than simply snapping to the width of the new word?

This is probably really simple to do but I have a distinct lack of JavaScript skills currently so a little help would be much appreciated!

Kind regards Danny

riyaadh-fakier commented 10 years ago

I'm sure this can be done with:

transition-duration {
1s;
}

dannyb4 commented 10 years ago

Yeah that's what I thought initially but using transition-duration on the span just broke the animation and made the jquery fading disappear.