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 would like to do wobbly frames for images and text in a website (if they could move, it would be optimal), but im not sure how to do it. I’ve been looking into paperjs.org but I’m not sure if I can use it to wrap HTML text with irregular forms.
Do you guys know any library or technique that i could use to do this effect? Or is it maybe impossible in the current status of the web?
A simple but less then optimal solution would be to post your html content with a z-index of 1 and then place PNG of the background over top of the content with a z-index of 2.
That would allow you to simulate the picture you have posted but wouldn’t be able to add any animation of the content shape. Though you could have the background pan to the left or right(simulating the effect of looking through a window, as you walk to the left or right).
If you wanted to create the same effect but with the possibility of animating the shapes you would probably want to use HTML5 Canvas, but how exactly that would be done is beyond me.