![](https://blogimg.goo.ne.jp/user_image/24/3e/a3f8177b8ca4a71e57a294252420f1d2.png)
![](https://blogimg.goo.ne.jp/user_image/24/3e/a3f8177b8ca4a71e57a294252420f1d2.png)
![](https://blogimg.goo.ne.jp/user_image/24/3e/a3f8177b8ca4a71e57a294252420f1d2.png)
3D回転させたぁ~い!?
誰でも簡単にできますよ!!
ブログ内での書き方は
水平方向の軸で回転
Web上で文字や画像をX軸(水平方向の軸)を基準に180度回転させる方法はごく簡単なんですよ。
Gooブログに置いても、Cascading Style Sheet (カスケーディング・スタイル・シート)の略でCSS(スタイルシート)というのですが、これを使用するとWebページの見栄えを細かく指定することができるんです。
<P style="transform:rotateX(180deg)">文字や画像</P>
- Pとは段落のことで<P>~</P>で囲まれた文章は一つの段落になるんです。
- styleはスタイルシートのことでstyle="~"の中に色々と指図を入れるんです。
- transformは変形という意味です。
- rotateX()はX軸に対する回転で()の中に回転させる度合いを記入します。rotateにすれば、2D回転できます。
- 180degとは180°X軸を基準に回転させるということです。
これを色々と応用されたら面白いと思いますよ。
※コメント投稿者のブログIDはブログ作成者のみに通知されます