CSS是網頁設計中必不可少的一部分，而在實現一些動態特效時，我們也可以運用CSS來達到目的。下面將介紹如何用CSS來編寫JS特效。

首先，我們需要了解一下CSS3中新增的一些特效屬性，如過渡效果（transition）、變形效果（transform）等等。這些屬性可以讓我們在不使用JavaScript的情況下來實現一些動態變化。

.box {
width: 100px;
height: 100px;
background-color: blue;
transition: background-color 1s ease-in-out;
}
.box:hover {
background-color: red;
}

上面的代碼可以實現當鼠標移到box元素上時，背景顏色從藍色平滑過渡到紅色。在這個例子中，我們使用了“過渡效果”（transition）來實現這個效果。

除了過渡效果，我們還可以使用“變形效果”（transform）來實現一些旋轉、縮放、位移等效果。

.box {
width: 100px;
height: 100px;
background-color: blue;
transform: rotate(45deg);
}

上面的代碼可以實現一個旋轉45度的藍色正方形。在這個例子中，我們使用了“變形效果”（transform）來實現旋轉效果。

除此之外，我們還可以通過CSS實現一些簡單的交互效果，如點擊時改變顏色、顯示/隱藏元素等等。

.btn {
background-color: blue;
color: white;
padding: 10px 20px;
}
.btn:hover {
background-color: red;
}
.popup {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.btn.active + .popup {
display: block;
}

上面的代碼實現了一個點擊按鈕，彈出一個浮窗的效果。在這個例子中，我們使用了一些特殊的CSS選擇器（如“+”）來實現按鈕點擊后彈出浮窗的效果。

綜上所述，CSS可以用來實現一些簡單的動態特效和交互效果。當然，如果我們需要實現更復雜的動態特效或者交互效果，還是需要用到JavaScript來編寫。但是了解CSS的這些特效屬性對我們編寫JavaScript代碼時也是很有幫助的。