cssでdivを回転する

こんにちは、divを左から右に移動するように、divを左から右に45dg回転させる方法が不思議です。そして、それは次のようになりますので、右に45dgだけでなく、コンテンツのdiv要素を回転させるために：cssでdivを回転する

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

    HELLO    HOW ARE YOU? 

       HI!      GOOD AND U? 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++

言葉が右に回転させてしまったとのdivはDONE

を左に回転させてしまった：

<!DOCTYPE html> 
<html> 
<head> 
<style> 
body{ 



} 


#myDiv { 
width: 200px; 
    height: 400px; 

    border: 1px solid black; 
margin-left: 100px; 
    -ms-transform: rotate(270deg); /* IE 9 */ 
    -webkit-transform: rotate(270deg); /* Safari */ 
    transform: rotate(270deg); /* Standard syntax */ 
} 
#sasa{ 
    margin-left: 100px; 
margin-top: 100px; 
    border: 1px solid; 
    -ms-transform: rotate(90deg); /* IE 9 */ 
    -webkit-transform: rotate(90deg); /* Safari */ 
    transform: rotate(90deg); /* Standard syntax */ 
} 
</style> 
</head> 
<body> 



<div id="myDiv"> 
<div id="sasa">Hello</div><div id="sasa">Hello</div> 
</div> 

</body> 
</html>

出典

2016-05-20 LittleProgrammer96

することができます回転transform

<div class="rotated">Hello World</div>

にCSSを使用します。

.rotated { 
     -webkit-transform: rotate(45deg); 
      -ms-transform: rotate(45deg); 
       transform: rotate(45deg); 
}

出典

2016-05-20 22:17:25 phynam

私はw3schoolsエディターで試してみたいと思いますし、テキストで私のdivを見ることができません...私は最初のdivとdivsを回転していますが、テキストは表示されていません... – LittleProgrammer96

あなたのコードで質問を更新しますか？ – phynam

私はそれをした、回転すると余白が非常に複雑です – LittleProgrammer96

答えて

関連する問題