吳韋翰文字編輯器CSS動畫

 <style> 

h2 {color: yellow; text-align: center;

background: blue; font-weight:bold;

font-style: italic ; }

h1{

  border: 10px solid purple;

  border-radius: 30px;/*diameter直徑,radius半徑*/

  background-color: orange;

  color: white;

  animation: my 5s infinite;

  text-align: center;

}

/*註解border邊界, animation動畫, align排列*/

@keyframes my{

  50% {transform: rotate(-10deg);}

}

</style>

<h1>德明吳韋翰程式設計</h1>

<p style="font-size: 20px; text-height: 1.5;"</p>

<p style="font-size: 20px; text-height: 1.5;</p>

<h2>以上畫面的程式碼</h2>

<H2>HEADER因為HTML允許大小寫</H2>

記事本就是文字編輯器

<H2>今天重點CSS動畫</H2>

CSS=Cascading Style Sheet階層式樣式表

cascade連續的、階層的瀑布

my是自訂變數，定義一個動畫的名稱。