Curved Tail Arrow

SUBMITTED BY: Guest

DATE: March 5, 2013, 8:46 a.m.

FORMAT: CSS

SIZE: 680 Bytes

Raw Download

HITS: 1197

Report
  1. #curvedarrow {
  2. position: relative;
  3. width: 0;
  4. height: 0;
  5. border-top: 9px solid transparent;
  6. border-right: 9px solid red;
  7. -webkit-transform: rotate(10deg);
  8. -moz-transform: rotate(10deg);
  9. -ms-transform: rotate(10deg);
  10. -o-transform: rotate(10deg);
  11. }
  12. #curvedarrow:after {
  13. content: "";
  14. position: absolute;
  15. border: 0 solid transparent;
  16. border-top: 3px solid red;
  17. border-radius: 20px 0 0 0;
  18. top: -12px;
  19. left: -9px;
  20. width: 12px;
  21. height: 12px;
  22. -webkit-transform: rotate(45deg);
  23. -moz-transform: rotate(45deg);
  24. -ms-transform: rotate(45deg);
  25. -o-transform: rotate(45deg);
  26. }
comments powered by Disqus