#10 要素を変形させてみよう (1)

#10 要素を変形させてみよう (1)

transform属性

<style>

　　 div {

　　　　width: 200px;

　　 　　 height: 100px;

　　　　padding: 30px;

　　　　margin: 30px;

　　　　 background:linear-gradient(red, orange, yellow, green, blue, indigo, violet);

　　　　 border:2px solid black;

　　　　 font-size:36px;

　　　　 font-width:bold;

　　　　　-webkit- transform: translate(300px);

　　　 }

</style>

XYZを加えてとか、まとめて3dをつけてとか、これも色々あります。
それでは、ブログでやってみると・・・
すなわちCSSの記述をHTMLに変えなければならないのですが・・・

<div style="background-color: border:2px solid black; background: linear-gradient(red, orange, yellow, green, blue, indigo, violet); height: 100px; margin: 30px; padding: 30px; transform: translate(300px); width: 200px;">
<b>みばえ</b></div>

みばえ★