现在，随着现代网页设计的发展，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是网页设计和开发的重要组成部分。通过学习这两种技术，你可以创建各种各样的动态效果，从而为你的网站增加互动性和吸引力。