1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的body标签中，输入html代码（其中icon.png是放大镜图标）：。
创新互联主要从事网站设计、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务肇源,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792
2、给body添加背景图，在body中添加一个父盒子（父盒子开启绝对定位），父盒子中再添加一个子盒子。
3、网上的图片放大效果，实现的方法一般就两种，一个是两张图片，在做图的时候保存两种不同大小的图片，正常显示小图，点放大时隐藏小图显示大图。
4、你是要放大镜效果吧，找JQ放大镜效果，然后加到你的网页中调用就可以了。
1、给body添加背景图，在body中添加一个父盒子（父盒子开启绝对定位），父盒子中再添加一个子盒子。
2、用图片，或者伪类自己画出来的，一般网上都有图标库，给你一个阿里的矢量图标库。
3、html5输入框左边有一个放大镜图标，右边有按钮点击触发搜索的代码如下：HTML5的特性：语义特性 HTML5赋予网页更好的意义和结构。
给body添加背景图，在body中添加一个父盒子（父盒子开启绝对定位），父盒子中再添加一个子盒子。
这个是利用{ transform：rotate()； } 设置旋转，旋转多少度决定圈数，时间和平缓度（变化模式）在动画里设置，另外你要设置一下你的旋转中心，把旋转中心设置到你规定的圆的圆心（transform-origin）。
基本原理动态的实现原理是给8个小圆圈设置透明度由大变小的动画，每个圆圈设置不同的动画启动时间。