How to do a custom border shape with CSS3

Question

I'm just wondering if this shape I have in the image url is doable in css3 with webkit.

Answer 1

Here is a good source for CSS shapes

Just edit the class properties to your liking to get desired shape

CSS:

.parallelogramRight {
     width:100px; 
     height:100px; 
     border:1px solid #000; 
     background:yellow;
     transform: skew(-20deg); 
     -o-transform: skew(-20deg); 
     -moz-transform: skew(-20deg); 
     -webkit-transform: skew(-20deg);
}