吳韋翰文字編輯器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是自訂變數,定義一個動畫的名稱。