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

最新推荐文章于 2022-08-20 21:20:31 发布

weixin_30512785

最新推荐文章于 2022-08-20 21:20:31 发布

阅读量196

点赞数

原文链接：http://www.cnblogs.com/l-zl/p/7286254.html

版权

图片展示：

<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>

转载于:https://www.cnblogs.com/l-zl/p/7286254.html

weixin_30512785

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实现图片旋转的2个简单的方法

图片展示：<html>　　<body>　　　　<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />　　</body></html>1. 通过css3 实现图片旋转<style>img{ -webkit-transform:rotate(90deg); }/*顺时...
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。