Yin Yang

SUBMITTED BY: Guest

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

FORMAT: CSS

SIZE: 628 Bytes

Raw Download

HITS: 1409

Report
  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. }
  12. #yin-yang:before {
  13. content: "";
  14. position: absolute;
  15. top: 50%;
  16. left: 0;
  17. background: #eee;
  18. border: 18px solid red;
  19. border-radius: 100%;
  20. width: 12px;
  21. height: 12px;
  22. }
  24. #yin-yang:after {
  25. content: "";
  26. position: absolute;
  27. top: 50%;
  28. left: 50%;
  29. background: red;
  30. border: 18px solid #eee;
  31. border-radius:100%;
  32. width: 12px;
  33. height: 12px;
  34. }
comments powered by Disqus