Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Aug 5th, 2012  |  syntax: None  |  size: 0.71 KB  |  hits: 10  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /**
  2.  * CSS Triangle
  3.  */
  4. div {
  5.         display: block;
  6.         margin-bottom: 1em;
  7. }
  8.  
  9. .arrow-up {
  10.     width: 0;
  11.     height: 0;
  12.     border-left: 5px solid transparent;
  13.     border-right: 5px solid transparent;
  14.  
  15.     border-bottom: 5px solid black;
  16. }
  17.  
  18. .arrow-down {
  19.     width: 0;
  20.     height: 0;
  21.     border-left: 20px solid transparent;
  22.     border-right: 20px solid transparent;
  23.  
  24.     border-top: 20px solid #f00;
  25. }
  26.  
  27. .arrow-right {
  28.     width: 0;
  29.     height: 0;
  30.     border-top: 60px solid transparent;
  31.     border-bottom: 60px solid transparent;
  32.  
  33.     border-left: 60px solid green;
  34. }
  35.  
  36. .arrow-left {
  37.     width: 0;
  38.     height: 0;
  39.     border-top: 10px solid transparent;
  40.     border-bottom: 10px solid transparent;
  41.  
  42.     border-right:10px solid blue;
  43. }
create a new version of this paste RAW Paste Data