AE動畫可以幫助我們創造出非常精美和豐富的動畫效果。然而，這些效果通常是通過Flash或者JavaScript等技術來實現的，而這些技術并不支持所有設備，比如某些移動設備或者老舊的瀏覽器。因此，將AE動畫導出為CSS成了一個非常有價值的技巧。

@keyframes scale-up {
0% {
transform: scale(1);
}
100% {
transform: scale(1.5);
}
}
.box {
animation-name: scale-up;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}

在這段代碼中，我們使用了CSS的@keyframes規則來定義了一個名為scale-up的動畫。其中，transform: scale()用來控制縮放比例。接著，在.box的樣式中，我們使用了animation-name和animation-duration屬性來聲明這個動畫的名稱和持續時間。同時，還使用了animation-timing-function屬性來控制動畫的緩動效果，并且animation-iteration-count屬性告訴瀏覽器這個動畫應該播放多少次（這里是無限次）。

在AE中，我們可以通過插件或者腳本將動畫導出為CSS格式的代碼。這樣，我們就可以在網頁中直接使用這些動畫效果，而無需擔心兼容性問題。值得注意的是，在導出之前，我們需要將AE中的動畫屬性和CSS的屬性進行匹配，以便實現一致的效果。

總之，將AE動畫導出為CSS格式的代碼能夠讓我們更好的在Web中應用這些精美的動畫效果，并且降低了兼容性問題和瀏覽器兼容性等方面的顧慮。這對于前端開發來說是一個非常有價值的技術。