在網頁設計中，CSS動畫是構建富有交互性的網頁頁面的關鍵。我們可以用CSS創建從簡單的淡入淡出、放縮和旋轉，到復雜的關鍵幀動畫等等。而針對滑動屏幕執行CSS動畫，我們可以使用JavaScript來實現。以下是一些示例代碼：

var slideElem = document.querySelectorAll('.slide');
function slideAnim() {
for(var i = 0; i< slideElem.length; i++) {
var slideFromTop = slideElem[i].getBoundingClientRect().top + window.pageYOffset;
if (slideFromTop - window.innerHeight< 0) {
slideElem[i].classList.add('slidein');
} 
}
}
window.addEventListener('scroll', slideAnim);
window.addEventListener('resize', slideAnim);
window.addEventListener('load', slideAnim);

這個JavaScript腳本首先找到class為‘slide’的所有元素，當頁面滾動時，它會為每個元素計算其相對于窗口的位置，并根據屏幕的滑動情況來添加CSS類‘slideIn’，從而啟動CSS動畫。

下面我們可以將CSS樣式添加到HTML中，來創建一個簡單的滑動屏幕執行CSS動畫的效果。代碼如下：

.slide {
opacity: 0;
transform: translateY(100px); /* 向下滑動100像素 */
transition: all 0.5s ease-out;
}
.slide.slidein {
opacity: 1;
transform: translateY(0px);
}

這樣，頁面上的所有屬性為‘silde’的元素都將啟動相同的CSS動畫，當元素出現在屏幕上時，相應的CSS類將被添加，元素將根據CSS樣式執行滑動動畫。

總之，JavaScript和CSS的組合使用，使我們可以創建在線交互性強的網頁。而滑動屏幕執行CSS動畫，是實現富有動感網頁設計的重要方法。