現在，隨著現代網頁設計的發展，javascript動畫和CSS3成為了一種非常流行的效果展現方式。這兩種技術都可以用來創建動態的，有趣的動畫效果和交互式元素。下面將對javascript動畫和CSS3方面作一個簡單的介紹。

Javascript動畫實際上是利用javascript腳本對HTML元素進行操作，從而讓元素呈現出動態效果。比如說，在網頁中制作一些JavaScript動畫，banner，觸發動態圖像效果，使得用戶對網站有更好的體驗。

const box = document.getElementById('box');
const handler = () =>{
box.animate({scrollTop: 100}, 1000);
};
box.addEventListener('scroll', handler);

CSS3動畫可以讓你創建更加逼真和引人注目的動態效果。通過使用CSS3技術，可以在屏幕上創建各種各樣的動畫效果，比如說旋轉、平移、縮放、淡入淡出等。下面是一個簡單的例子：

.box {
height: 100px;
width: 100px;
background-color: red;
position: relative;
animation: mymove 2s infinite;
}
@keyframes mymove {
0% {left: 0px;}
50% {left: 200px;}
100% {left: 0px;}
}

除了基本的動畫效果之外，CSS3還提供了許多其他的功能，比如說過渡效果。過渡效果可以讓頁面元素在一段時間內逐漸過渡到不同的狀態，例如顏色、大小、位置等。

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

此外，CSS3還支持強大的 2D 和 3D 變換。使用變換功能，可以輕松地在網頁中創建各種各樣的動態效果，例如旋轉、縮放、翻轉等。下面是一個簡單的例子：

.example1 {
width: 200px;
height: 100px;
background-color: red;
transform: rotate(30deg);
}

總之JavaScript動畫和CSS3是網頁設計和開發的重要組成部分。通過學習這兩種技術，你可以創建各種各樣的動態效果，從而為你的網站增加互動性和吸引力。