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’ve been looking for a solution to animate the width of the top edge of a DIV using jQuery. I want to keep the bottom edge of the DIV(eg, 100px X 100px) the same but reduce the width of the top edge. The eventual shape will be a trapezoid. Does anyone know how this can be done? Any help is appreciated.
DIVs are block level elements. You can’t change the shape like that unless you use border radius (even then I don’t think you can get it to be a trapezoid) or some CSS3 trick (which won’t be supported in all elements)
Here’s a list of CSS3 effects you can use : http://www.css3.info/preview/