Octagon


SUBMITTED BY: Guest

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

FORMAT: CSS

SIZE: 564 Bytes

HITS: 1326

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

comments powered by Disqus