herzegovina

css triangles

Oct 22nd, 2021
859
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .arrow-down {
  2.   width: 0;
  3.   height: 0;
  4.   border-left: 20px solid transparent;
  5.   border-right: 20px solid transparent;
  6.  
  7.   border-top: 20px solid #f00;
  8. }
  9.  
  10. .arrow-top {
  11.   width: 0;
  12.   height: 0;
  13.   border-left: 20px solid transparent;
  14.   border-right: 20px solid transparent;
  15.  
  16.   border-bottom: 20px solid #f00;
  17. }
  18.  
  19. .arrow-right {
  20.   width: 0;
  21.   height: 0;
  22.   border-top: 20px solid transparent;
  23.   border-bottom: 20px solid transparent;
  24.  
  25.   border-left: 20px solid black;
  26. }
  27.  
  28. .arrow-left {
  29.   width: 0;
  30.   height: 0;
  31.   border-top: 20px solid transparent;
  32.   border-bottom: 20px solid transparent;
  33.  
  34.   border-right: 20px solid black;
  35. }
RAW Paste Data