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.
Please check out the jsFiddle link below:
As you can see its a yellow CSS shape.
How can I make it so its split in two vertically so the left side is that yellow colour but the other is transparent?
Thanks!
There are quite a lot of limitations of what kind of shapes you can do while using a single element only (if you wrap it around another element, you can just use overflow hidden to wrap it).
To achieve it with a single element, you can do it by:
backgroundcolor totransparentborder-leftto 50% of the elements width, using the a solid color as the color of the previous background color.example: http://jsfiddle.net/pKuj9/