I’m trying to make dynamic text scroll on the page. I want it to scroll on a curved and angled surface just for design sake. Will I have to use flash for this? Because I’d rather not.
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’m trying to make dynamic text scroll on the page. I want it to scroll on a curved and angled surface just for design sake. Will I have to use flash for this? Because I’d rather not.
Should the characters rotate with the curve? Getting the characters of a text to follow a curved path (without rotating) is possible with JavaScript. If the text should rotate you could do it with VML/SVG/Canvas, but in that case you might just be better off with Flash.
This isn’t exactly what you’re after, but have a look at how the text behaves and you’ll see what I mean by not rotating: http://s.blixt.org/physics-enabled-html/
I got an idea to make something that may, or may not be what you thought about, but it might be of help to you:
It looks for elements with the
data-pathattribute (HTML 5:data-*attributes) and parses it to create a path for the text to move along.I also updated it to include rotation using CSS3 for the browsers that support it (recent Mozilla and WebKit browsers.)