Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
12-02-2009, 10:15 AM #1
- Join Date
- Jun 2007
- Thanked 3 Times in 3 Posts
Pull apart a div or the like in CSS?
Have a rather strange question! I have had a request from a client who wants an image of a cracker on their website, and when you click on it it opens-up where you see an online form they fill in.
Now, to be honest I have no idea where to start. My first thought was Flash, but id rather not do it in Flash.
Can anyone recommend anything maybe via CSS they could provide links to that could give me ideas?
12-02-2009, 11:37 AM #2
- Join Date
- Oct 2009
- United Kingdom
- Thanked 119 Times in 119 Posts
in short, yes its possible although perhaps flash would be easier if you are proficient with it. (i'm not!)
this can be accomplished with a combination of Jquery/mootools
I'd look at the Bounce library, in combination with EaseIn and the animation functions.
https://buildinternet.s3.amazonaws.c...oxes/index.htm notice the slide out effect
http://viralpatel.net/blogs/2009/10/...e-html-js.html here as well
My guess is two or more DIVs absolutely positioned on top of another, whcih contains the content form. On hover/click, animate the divs apart using a combination of effects. If you can use PNGs for transparency you could have a two half-crackers and get then to line up as one if that makes sense.
possible indeed, and a very nice effect