CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
CSS Combat
Making this CSS3 Animations for the text
MarkTopper
Permalink to comment
#
August 2012
Is it somehow possible to split the signs in a
-tag, and then make this animation for each sign instead.
So like
test
Then those signs should bounce like the balls from the link below: "t", "e", "s" and "t".
Link:
http://css-tricks.com/snippets/css/bouncy-animated-loading-animation/
Paulie_D
Permalink to comment
#
August 2012
You mean like this:
http://codepen.io/Paulie-D/pen/EieuH
MarkTopper
Permalink to comment
#
August 2012
Yes. Thanks Paulie_D, but is it possible without putting each sign into a new
-tag?
Paulie_D
Permalink to comment
#
August 2012
No not really, I think there might be a way to do it with javascript but pure css...nope.
chrisburton
Permalink to comment
#
August 2012
You could probably use lettering.js for that but even that script would wrap individual letters.
Add a Comment
-tag, and then make this animation for each sign instead.
So like
test
Then those signs should bounce like the balls from the link below: "t", "e", "s" and "t".
Link: http://css-tricks.com/snippets/css/bouncy-animated-loading-animation/