As was foretold, we've added advertisements to the forums! If you have questions, or if you encounter any bugs, please visit this thread: https://forums.penny-arcade.com/discussion/240191/forum-advertisement-faq-and-reports-thread/
Options
Drawing an odd shape: HTML CSS Question
MagicToaster
JapanRegistered User regular
JapanRegistered User regular
I'm working on a web page, but I want to use as little image elements as possible. I've ran into a problem though.
How can I draw slanted rectangles?
If possible, I'd like to do this using HTML/CSS, but I'm ready to jump into the unknown if it can be done with some other code.
How can I draw slanted rectangles?
If possible, I'd like to do this using HTML/CSS, but I'm ready to jump into the unknown if it can be done with some other code.
0
Posts
#parallelogram {
width: 150px;
height: 100px;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
background: blue;
}
See also here