实现图片旋转的2个简单的方法

图片展示:

<html>
  <body>
    <img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
  </body>
</html>

1. 通过css3 实现图片旋转

<style>
img{ -webkit-transform:rotate(90deg); }/*顺时针旋转90度*/
</style>

2. 通过js的旋转插件(jQueryRotate.js)实现图片旋转

<script src="jquery-1.8.0.js"></script>
<script src="jQueryRotate.js"></script>
<script>
  $('img').rotate(45);//45为图片顺时针旋转的角度
</script>

 

posted @ 2017-08-04 17:28  py卡卡  阅读(351)  评论(0编辑  收藏  举报