How to make Parallelogram shaped background by CSS3.

CSS3 is awesome to make interesting style of web-pages. This is the tutorial about How to make Parallelogram shaped background by CSS3. You may do it by different ways but I’m showing the way which I prefer.

.the-class{

display: block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: none;
z-index: auto;
width: 100px;
height: 100px;
overflow: hidden;
-o-text-overflow: clip;
text-overflow: clip;
background: red;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: skewX(-13deg);
transform: skewX(-13deg);
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;

}

Enjoy the awesome shape.


13 Comments

  • linked webpage

    March 12, 2017

    We’re a group of volunteers and starting a new scheme in our community. Your site provided us with valuable info to work on. You have done an impressive job and our whole community will be thankful to you.|

    Reply
  • try what he says

    March 21, 2017

    Hello, i read your blog occasionally and i own a similar one and i was just wondering if you get a lot of spam comments? If so how do you prevent it, any plugin or anything you can recommend? I get so much lately it’s driving me mad so any support is very much appreciated.|

    Reply
  • Technology

    March 21, 2017

    I’m commenting to make you understand of the really good experience my cousin’s daughter gained viewing yuor web blog. She noticed several pieces, with the inclusion of what it is like to possess a wonderful helping heart to make certain people smoothly know precisely chosen very confusing issues. You truly surpassed readers’ desires. Thank you for giving such powerful, healthy, explanatory and even unique thoughts on the topic to Lizeth.

    Reply
  • Travel & Leisure

    March 21, 2017

    I’m very happy to read this. This is the type of manual that needs to be given and not the random misinformation that is at the other blogs. Appreciate your sharing this best doc.

    Reply
  • Health & Fitness

    March 21, 2017

    Heya i am for the first time here. I came across this board and I find It truly useful & it helped me out a lot. I hope to give something back and help others like you aided me.

    Reply
  • Business

    March 21, 2017

    Thanks for sharing superb informations. Your web site is so cool. I’m impressed by the details that you have on this web site. It reveals how nicely you understand this subject. Bookmarked this web page, will come back for more articles. You, my pal, ROCK! I found simply the information I already searched everywhere and just could not come across. What a great site.

    Reply
  • Business

    March 21, 2017

    Hello.This post was extremely remarkable, especially since I was searching for thoughts on this subject last Tuesday.

    Reply
  • Baby & Parenting

    March 21, 2017

    My brother recommended I might like this blog. He was entirely right. This post truly made my day. You can not imagine simply how much time I had spent for this information! Thanks!

    Reply
  • Health & Fitness

    March 21, 2017

    Thanks for your own hard work on this blog. My mum enjoys participating in research and it is obvious why. We all hear all regarding the lively medium you present both interesting and useful things via your website and strongly encourage contribution from others on the subject plus our child is without question studying a great deal. Take pleasure in the remaining portion of the new year. You have been doing a good job.

    Reply
  • Shopping

    March 21, 2017

    Definitely, what a great blog and instructive posts, I definitely will bookmark your site.Have an awsome day!

    Reply
  • Travel & Leisure

    March 21, 2017

    I enjoy you because of your own hard work on this site. Kate take interest in doing research and it’s really obvious why. We all hear all concerning the compelling mode you present advantageous information by means of this blog and therefore foster response from other people about this point so my girl is actually studying a lot. Enjoy the rest of the year. You’re the one performing a glorious job.

    Reply
  • Travel & Leisure

    March 21, 2017

    Hello.This article was really interesting, especially because I was investigating for thoughts on this subject last Monday.

    Reply
  • Sports

    March 21, 2017

    What i don’t realize is in truth how you are no longer actually much more well-preferred than you may be right now. You’re so intelligent. You know therefore significantly in terms of this subject, made me in my opinion consider it from numerous numerous angles. Its like men and women aren’t involved except it¡¦s one thing to do with Lady gaga! Your individual stuffs outstanding. Always maintain it up!

    Reply

Leave a Reply