分享一个手机端常用的悬浮插件,本文演示了常用的hover效果,有圆圈circle和正方形square,你只有鼠标悬浮在图形上即可看到html5酷炫效果
HTML
演示一:默认圆圈效果
<div class="ih-item circle effect1">
<a href="http://www.sucaihuo.com/js">
<div class="spinner"></div>
<div class="img"><img src="images/assets/2.jpg" alt="img"></div>
<div class="info">
<div class="info-back">
<h3>Heading here</h3>
<p>Description goes here</p>
</div>
</div>
</a>
</div>
演示二:圆圈阴影覆盖
<div class="col-sm-6">
<div class="ih-item circle effect2 left_to_right">
<a href="http://www.sucaihuo.com/js">
<div class="img"><img src="images/assets/4.jpg" alt="img"></div>
<div class="info">
<h3>Heading here</h3>
<p>Description goes here</p>
</div>
</a>
</div>
</div>
演示三:缩小原图,各个方向显示大图
<div class="ih-item circle effect3 bottom_to_top">
<a href="http://www.sucaihuo.com/js">
<div class="img"><img src="images/assets/3.jpg" alt="img"></div>
<div class="info">
<h3>Heading here</h3>
<p>Description goes here</p>
</div>
</a>
</div>
其他演示效果请看演示里面的html5+css效果,很酷炫,你可以很方便的应用到手机端
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791