0

以下に示すような角度で画像を表示する必要があります。CSS転送はそれを行う方法ですか?

ここに画像の説明を入力

/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* Internet Explorer */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */

各画像の正しい回転角度を計算するだけでよいでしょうか? サイジングとポジショニングは十分に簡単です。

どうも

4

2 に答える 2

1

はい、画像ごとに回転させる必要があります。ただし、背景なしの程度でフォトショップして、png として保存することもできます。そうすれば、回転させる必要はありません。

于 2012-12-29T04:06:56.367 に答える
1

Yes I am totally agree with @Cody Guldner option. You just take all the images inside a list i.e 

<ul>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
</ul>

and for each image you can set your css that you have used, just add nth-of-type(1) and it will give you full control over the images.

于 2012-12-29T04:15:18.220 に答える