CSS Transform Skew [duplicate]

by 
.red.box {
  background-color: red;
  transform: perspective( 600px ) rotateY( 45deg );
}

Then HTML:

<div class="box red"></div>

from http://desandro.github.com/3dtransforms/docs/perspective.html

More Related Contents:

  1. Make CSS3 triangle with linear gradient
  2. Line before and after title over image [duplicate]
  3. How to apply multiple transforms in CSS?
  4. CSS Only Pie Chart – How to add spacing/padding between slices?
  5. Prevent flicker on webkit-transition of webkit-transform [duplicate]
  6. Why does order of transforms matter? rotate/scale doesn’t give the same result as scale/rotate
  7. Control the dashed border stroke length and distance between strokes
  8. CSS transparent curved shape with two rounded sides
  9. How to draw a circle with text in the middle?
  10. Hover effect : expand bottom border
  11. Outlining and partially filling an SVG Shape
  12. Hexagon shape with CSS3
  13. Is a concave border radius possible?
  14. Align text on slanted line
  15. Spin or rotate an image on hover
  16. background image, linear gradient jagged edged result needs to be smooth edged
  17. How can I apply multiple transform declarations to one element?
  18. How can I use CSS3 transform on a span?
  19. How to make a circle around content using CSS?
  20. Blocky gradient effect in CSS3
  21. Border within border CSS
  22. Skewed Borders on a Div
  23. Half hexagon shape with one element
  24. CSS3 transform on click using pure CSS
  25. Flip a 3D card with CSS
  26. How to create a radial menu in CSS?
  27. Arrow Box with CSS
  28. CSS Transform with element resizing
  29. Rounded side, not rounded corners
  30. Creating a droplet like border effect in css

Leave a Comment