using :before is not only better, the angle looks more defined as well. I had some problems where the skew being jagged with linear-gradients, rgba borders, and even overflow: hidden!
You are using the triangle borders with :before, that's absolute genius! I no longer have to counter the skew for the text as well!
I wanted to have a border around the rectangle with one skew, but I think I can live with this method!
If anyone knows how to do this with skew, please advise!
Codingforum post I've helped people on codingforums for the past year, but when I needed a question answered, no one knew how. Sorry for the multiple forum post, but this forum is way more professional!
Live Link I was actually pretty hesitant to use :before since the browser support would be different from skew. I just set .claw-main to 100% width and used overflow: hidden; on the parent. This method will work in all browsers, since I'll be using the matrix filter for ie6-8.
Big thanks to everyone!!! Really appreciate cnwtx effort! <3
Live View
http://jsfiddle.net/Paulie_D/Hfkk7/1/
I'm still not entirely sure what the OP is after however.
using :before is not only better, the angle looks more defined as well. I had some problems where the skew being jagged with linear-gradients, rgba borders, and even overflow: hidden!
You are using the triangle borders with :before, that's absolute genius! I no longer have to counter the skew for the text as well!
I wanted to have a border around the rectangle with one skew, but I think I can live with this method!
If anyone knows how to do this with skew, please advise!
Codingforum post
I've helped people on codingforums for the past year, but when I needed a question answered, no one knew how. Sorry for the multiple forum post, but this forum is way more professional!
Live Link
Live Link
I was actually pretty hesitant to use :before since the browser support would be different from skew. I just set .claw-main to 100% width and used overflow: hidden; on the parent. This method will work in all browsers, since I'll be using the matrix filter for ie6-8.
Big thanks to everyone!!! Really appreciate cnwtx effort! <3