Heart

SUBMITTED BY: Guest

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

FORMAT: CSS

SIZE: 1.2 kB

Raw Download

HITS: 1212

Report
  1. #heart {
  2. position: relative;
  3. width: 100px;
  4. height: 90px;
  5. }
  6. #heart:before,
  7. #heart:after {
  8. position: absolute;
  9. content: "";
  10. left: 50px;
  11. top: 0;
  12. width: 50px;
  13. height: 80px;
  14. background: red;
  15. -moz-border-radius: 50px 50px 0 0;
  16. border-radius: 50px 50px 0 0;
  17. -webkit-transform: rotate(-45deg);
  18. -moz-transform: rotate(-45deg);
  19. -ms-transform: rotate(-45deg);
  20. -o-transform: rotate(-45deg);
  21. transform: rotate(-45deg);
  22. -webkit-transform-origin: 0 100%;
  23. -moz-transform-origin: 0 100%;
  24. -ms-transform-origin: 0 100%;
  25. -o-transform-origin: 0 100%;
  26. transform-origin: 0 100%;
  27. }
  28. #heart:after {
  29. left: 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. -webkit-transform-origin: 100% 100%;
  36. -moz-transform-origin: 100% 100%;
  37. -ms-transform-origin: 100% 100%;
  38. -o-transform-origin: 100% 100%;
  39. transform-origin :100% 100%;
  40. }
comments powered by Disqus