rounded corners


/ Published in: SASS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. .block
  2. +block(!light_blue)
  3.  
  4. .br, .bl, .tr, .tl
  5. height: 8px
  6. width: 8px
  7. position: absolute
  8.  
  9. .tr, .br
  10. right: 0
  11.  
  12. .bl, .tl
  13. left: 0
  14.  
  15. .bl, .br
  16. bottom: 0
  17.  
  18. .tl, .tr
  19. top: 0
  20.  
  21. .tl
  22. background: url(../images/corners/light-blue/tl.png) 0 0 no-repeat
  23. .tr
  24. background: url(../images/corners/light-blue/tr.png) 0 0 no-repeat
  25. .br
  26. background: url(../images/corners/light-blue/br.png) 0 0 no-repeat
  27. .bl
  28. background: url(../images/corners/light-blue/bl.png) 0 0 no-repeat

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.