HTML帮助（添加图片和旋转）

我现在只是免费做造型。我下载了一个免费的HTML编辑器，只是随便玩玩。我真正想做的是添加一张图片并向右旋转30度，添加一个45像素的圆角，以及20像素的蓝色阴影

这就是我到目前为止所拥有的，同样，我只是免费的造型。我不确定我是否做对了。这是我第一次玩HTML

作者：。。。
日期：2014年4月15日
文件名：t78.htm
支持文件：torte.jpg
-->
...???... 

---

您好，您可以使用CSS实现旋转样式

<img class="rotate" img src="torte.jpg" />
<style>
.rotate {

/* Safari */
-webkit-transform: rotate(90deg);

/* Firefox */
-moz-transform: rotate(90deg);

/* IE */
-ms-transform: rotate(90deg);

/* Opera */
-o-transform: rotate(90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}
</style>

.轮换{
/*狩猎*/
-webkit变换：旋转（90度）；
/*火狐*/
-moz变换：旋转（90度）；
/*即*/
-ms变换：旋转（90度）；
/*歌剧院*/
-o变换：旋转（90度）；
/*Internet Explorer*/
过滤器：progid:DXImageTransform.Microsoft.BasicImage（旋转=3）；
}

看看这个。希望这有帮助

将此添加到CSS以进行图像旋转

   /* Firefox */
    -moz-transform:rotate(90deg);
    /* Safari and Chrome */
    -webkit-transform:rotate(90deg);
    /* Opera */
    -o-transform:rotate(90deg);
    /* IE9 */
    -ms-transform:rotate(90deg);

这是你的CSS的半径和阴影

 border-radius:45px;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);

---

请参见旋转，您可以使用jquery或CSS

让我们看看如何使用CSS来实现它

--CSS--

--将css类声明为顺时针旋转30度

.clock30
{
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

检查链接，您将知道如何使用它

---

可以在HTML中旋转图像吗？我认为，HTML5、Javascript和CSS是唯一的方法。如果您想将样式添加到需要CSS的HTML元素中，有很多教程供您阅读和轻松采用。您可以使用我提供的代码来解决问题。

 border-radius:45px;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);

img
{
    display:block;
    margin:100px;  
    /*set the radius as u want*/
    border-radius:45px;
    /*set the shadow u want*/
    box-shadow:10px 10px 20px blue;
}

.clock30
{
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}