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

debugcn 发表于 Dev

双体

我现在只是免费样式。我下载了一个免费的HTML编辑器，然后开始玩。我真正想做的是添加图片并将其向右旋转30度，将圆角添加45像素，将蓝色阴影添加20像素。

这是我到目前为止所拥有的，再次我只是自由样式。我不确定我是否这样做正确。这是我第一次玩HTML ...

  Author: ...
  Date:   04/15/2014

  Filename:         t78.htm
  Supporting files: torte.jpg

-->

    <TITLE> ...???... </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">

<img src="torte.jpg" data-rotate="90">
    <img src="torte.jpg" data-rotate="45">
    <img src="torte.jpg">

迪帕克·沙玛（Deepak Sharma）

看到旋转您可以使用jquery或CSS。

让我们看看如何用CSS做到这一点

检查链接

--CSS--

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

-声明一个CSS类，使其沿顺时针方向旋转30度。

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

检查链接，您将知道如何使用它http://jsfiddle.net/g7FtY/2/

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。