Magnifying Glass


SUBMITTED BY: Guest

DATE: March 15, 2013, 4:39 a.m.

FORMAT: CSS

SIZE: 604 Bytes

HITS: 1717

  1. #magnifying-glass
  2. {
  3. font-size: 10em; /* This controls the size. */
  4. display: inline-block;
  5. width: 0.4em;
  6. height: 0.4em;
  7. border: 0.1em solid red;
  8. position: relative;
  9. border-radius: 0.35em;
  10. }
  11. #magnifying-glass::before
  12. {
  13. content: "";
  14. display: inline-block;
  15. position: absolute;
  16. right: -0.25em;
  17. bottom: -0.1em;
  18. border-width: 0;
  19. background: red;
  20. width: 0.35em;
  21. height: 0.08em;
  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