Posted By

Sneha on 05/28/14


Tagged

css


Versions (?)

css bullets


 / Published in: CSS
 

Triangles Dots

  1. li:before {
  2. border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #576DB2;
  3. border-image: none;
  4. border-style: solid;
  5. border-width: 5px;
  6. content: "";
  7. display: block;
  8. height: 0;
  9. left: 0;
  10. position: absolute;
  11. top: 0;
  12. width: 0;
  13. }
  14.  
  15.  
  16.  
  17. &:before {
  18. border-color: #576DB2;
  19. border-image: none;
  20. border-radius: 2px 2px 2px 2px;
  21. border-style: solid;
  22. border-width: 2px;
  23. content: "";
  24. display: block;
  25. height: 0;
  26. left: 0;
  27. position: absolute;
  28. top: 6px;
  29. width: 0;
  30. }

Report this snippet  

You need to login to post a comment.