Octagon

SUBMITTED BY: Guest

DATE: March 11, 2013, 9:57 a.m.

FORMAT: CSS

SIZE: 564 Bytes

Raw Download

HITS: 1317

Report
  1. #octagon {
  2. width: 100px;
  3. height: 100px;
  4. background: red;
  5. position: relative;
  6. }
  8. #octagon:before {
  9. content: "";
  10. position: absolute;
  11. top: 0;
  12. left: 0;
  13. border-bottom: 29px solid red;
  14. border-left: 29px solid #eee;
  15. border-right: 29px solid #eee;
  16. width: 42px;
  17. height: 0;
  18. }
  20. #octagon:after {
  21. content: "";
  22. position: absolute;
  23. bottom: 0;
  24. left: 0;
  25. border-top: 29px solid red;
  26. border-left: 29px solid #eee;
  27. border-right: 29px solid #eee;
  28. width: 42px;
  29. height: 0;
  30. }
comments powered by Disqus