How to cerate Magnifying Glass using CSS?

Question

AVADHESH PATEL · Answer

Hi Ankita!You can try this css&lt;Style type="text/css"&gt;#magnifying-glass { font-size: 10em; /* This controls the size. */ display: inline-block; width: 0.4em; height: 0.4em; border: 0.1em solid #CC33CC; position: relative; border-radius: 0.35em; } #magnifying-glass::before { content: ""; display: inline-block; position: absolute; right: -0.25em; bottom: -0.1em; border-width: 0; background: #CC33CC; width: 0.35em; height: 0.08em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } &lt;/script&gt; You get more css shapes from given below linkhttp://www.mindstick.com/Articles/099ce3c3-07f3-4f1c-a4b4-57be48e39695/?The%20Shapes%20of%20CSS

forum

How to cerate Magnifying Glass using CSS?

Can you answer this question?

1 Answers