首页 > 其他 > 详细

实现各种尺寸的图片裁剪成圆形头像

时间:2017-02-18 17:12:06      阅读:231      评论:0      收藏:0      [点我收藏+]

效果图:

技术分享

<a href="#">
  <div class="jqthumb" style="width: 200px; height: 200px; opacity: 1;">
    <div style="width: 100%; height: 100%; border-radius: 100%; margin: 3px auto; cursor: pointer; transition: all 0.4s ease-in-out; transform: scale(1); background-image: url(&quot;http://img.woyaogexing.com/2016/12/29/5f54545463bff6f8!200x200.jpg&quot;); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;"></div>
  </div>
  <img src="http://img.woyaogexing.com/2016/12/29/5f54545463bff6f8!200x200.jpg" style="display: none;">
</a>

 

实现各种尺寸的图片裁剪成圆形头像

原文:http://www.cnblogs.com/moumou0213/p/6413370.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!