Infinity

SUBMITTED BY: Guest

DATE: March 11, 2013, 10:01 a.m.

FORMAT: CSS

SIZE: 950 Bytes

Raw Download

HITS: 1373

Report
  1. #infinity {
  2. position: relative;
  3. width: 212px;
  4. height: 100px;
  5. }
  7. #infinity:before,
  8. #infinity:after {
  9. content: "";
  10. position: absolute;
  11. top: 0;
  12. left: 0;
  13. width: 60px;
  14. height: 60px;
  15. border: 20px solid red;
  16. -moz-border-radius: 50px 50px 0 50px;
  17. border-radius: 50px 50px 0 50px;
  18. -webkit-transform: rotate(-45deg);
  19. -moz-transform: rotate(-45deg);
  20. -ms-transform: rotate(-45deg);
  21. -o-transform: rotate(-45deg);
  22. transform: rotate(-45deg);
  23. }
  25. #infinity:after {
  26. left: auto;
  27. right: 0;
  28. -moz-border-radius: 50px 50px 50px 0;
  29. border-radius: 50px 50px 50px 0;
  30. -webkit-transform: rotate(45deg);
  31. -moz-transform: rotate(45deg);
  32. -ms-transform: rotate(45deg);
  33. -o-transform: rotate(45deg);
  34. transform: rotate(45deg);
  35. }
comments powered by Disqus