Yin Yang


SUBMITTED BY: Guest

DATE: March 12, 2013, 11:48 a.m.

FORMAT: CSS

SIZE: 628 Bytes

HITS: 1471

  1. #yin-yang {
  2. width: 96px;
  3. height: 48px;
  4. background: #eee;
  5. border-color: red;
  6. border-style: solid;
  7. border-width: 2px 2px 50px 2px;
  8. border-radius: 100%;
  9. position: relative;
  10. }
  11. #yin-yang:before {
  12. content: "";
  13. position: absolute;
  14. top: 50%;
  15. left: 0;
  16. background: #eee;
  17. border: 18px solid red;
  18. border-radius: 100%;
  19. width: 12px;
  20. height: 12px;
  21. }
  22. #yin-yang:after {
  23. content: "";
  24. position: absolute;
  25. top: 50%;
  26. left: 50%;
  27. background: red;
  28. border: 18px solid #eee;
  29. border-radius:100%;
  30. width: 12px;
  31. height: 12px;
  32. }

comments powered by Disqus