我想问个问题，怎么用CSS定义每张图片旋转90°输出？

Posted 2023-05-09

我想问个问题，怎么用CSS定义每张图片旋转90°输出？例如下图1是原图，图2是想要的输出效果 不想每张图片都要用软件处理90°，就是想在网页上用CSS解决或网页代码

写了一个小例子：

Css Code:
.rotate
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
background:#ddd;
height:200px;
width:200px;

这里需要注意的是：
1. rotate(<angle>) ：其中angle是指旋转角度，如果设置的值为正数表示顺时针旋转，如果设置的值为负数，则表示逆时针旋转。
2. IE的图形旋转滤镜，它可以有4个旋转值：0, 1, 2,和3。

Xhtml Code:
<div class="rotate">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" alt="" />这里是你想要变形的任何的元素。
</div>

看一下效果吧，本例div中的图片以及文字都顺时针旋转了90度。 参考技术A 顺时针旋转图片90度
picID.style.filter="progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
逆时针旋转90度
picID.style.filter="progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";

在么。我想问下你怎么用java向腾讯企业邮箱发送请求的

麻烦了 。谢谢

通过javamail myeclipse可以直接使用，如果知道收件人的邮箱， 就 可以给所有人发送 参考技术A 开始说了。用spring的类