Dreamweaver CS6是一個很強大的網頁制作軟件，它可以方便地導入CSS動畫。下面介紹一下如何在DW CS6中導入CSS動畫。
第一步：準備好CSS動畫的代碼。
.animation {
animation-duration: 2s;
animation-name: slidein;
}
@keyframes slidein {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0%);
}
}第二步：在DW CS6中打開HTML頁面。
第三步：點擊頁面中的“代碼視圖”按鈕，進入代碼編輯模式。
第四步：將CSS動畫代碼復制到
標簽中。<head>
<meta charset="UTF-8">
<title>My Webpage</title>
<style>
.animation {
animation-duration: 2s;
animation-name: slidein;
}
@keyframes slidein {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0%);
}
}
</style>
</head>第五步：在HTML頁面中添加一個元素，并添加CSS類“animation”。
<div class="animation">
<p>This is a slide-in animation.</p>
</div>第六步：保存HTML頁面，并在瀏覽器中預覽效果。
以上就是在DW CS6中導入CSS動畫的步驟，希望有所幫助。
上一篇css樣式中的標簽有哪些
下一篇css樣式中文本加粗