html图片翻转,图片剪裁

来源:互联网 发布:安卓java计算器源码 编辑:程序博客网 时间:2024/05/29 15:46

翻转水平:

<style>.flip-x{left:-1px;top:93px;width:243px;height:255px;filter:FilipH;-moz-transform:matrix(-1, 0, 0, 1, 0, 0);-webkit-transform:matrix(-1, 0, 0, 1, 0, 0);}</style>


图片剪裁:

<!DOCTYPE html>
<html>
<body>


<div style="left:120px;top:350px;width:50px;height:100px;overflow:hidden;">
<img style="margin-left:-100px;width:180px;height:127px;" alt="gra_23cc_6bf2.jpg" src="./gra_23cc_6bf2.jpg">
</div>


</body>
</html>

0 0
原创粉丝点击