No replies
vinay049
vinay049's picture
Offline
newbie
Last seen: 2 years 34 weeks ago
Timezone: GMT+5.5
Joined: 2017-04-15
Posts: 1
Points: 2

I have been trying to use animate and shake effects for already rotated and absolute positioned div.

I have tried to use animate css from the following link:

https://daneden.github.io/animate.css/
What I want to achieve is following:

Top div coming from top side in rotating motion and position itself in defined absolute position
Middle div coming from right side in rotating motion and position itself in defined absolute position
Bottom div coming from bottom side in rotating motion and position itself in defined absolute position
Then on hover over them this div just shake horizontally for 2 seconds (As divs are absolute positioned and rotated using css3) - not able to do that.

https://jsfiddle.net/6snh38sw/8/
And once correct option is dropped, I want red colored div to go back in reverse direction in which they came and middle black div to go bottom like bounce effect (going up for 10px and then going out of screen at bottom)

PS: I haven't posted css related changes which I tried to apply in the code as I messed up css so I undo everything. Can anyone help me please?