CSS 的基礎動畫,參考W3C的介紹
有很多屬性可以玩蠻有趣的
// CSS .demo{ width:300px; margin:0px; padding-left:30px; list-style-position:inside; } .demo li{ margin-top:10px; list-style:circle; } ul.demo2{ /* 一定要用ul的樣子 */ width:300px; list-style-position:outside; margin:0px; padding-left:30px; padding-top:30px; } .demo2 li{ margin-top:10px; list-style:circle; } // HTML <div class="demo"> <li>SELECT TOP 20 text FROM sys.dm_exec_query_stats as qs CROSS APPLY sys.dm_exec_sql_text(qs.sql_handle) as st ORDER BY qs.creation_time DESC</li> <li>SELECT TOP 20 text FROM sys.dm_exec_query_stats as qs CROSS APPLY sys.dm_exec_sql_text(qs.sql_handle) as st ORDER BY qs.creation_time DESC</li> <li>SELECT TOP 20 text FROM sys.dm_exec_query_stats as qs CROSS APPLY sys.dm_exec_sql_text(qs.sql_handle) as st ORDER BY qs.creation_time DESC</li> </div> <ul class="demo2"> <li>SELECT TOP 20 text FROM sys.dm_exec_query_stats as qs CROSS APPLY sys.dm_exec_sql_text(qs.sql_handle) as st ORDER BY qs.creation_time DESC</li> <li>SELECT TOP 20 text FROM sys.dm_exec_query_stats as qs CROSS APPLY sys.dm_exec_sql_text(qs.sql_handle) as st ORDER BY qs.creation_time DESC</li> <li>SELECT TOP 20 text FROM sys.dm_exec_query_stats as qs CROSS APPLY sys.dm_exec_sql_text(qs.sql_handle) as st ORDER BY qs.creation_time DESC</li> </ul>