CSS动画是一种使用CSS3的技术，可以轻松制作出丰富的动态效果，不需要JavaScript的支持，可以提高网站的用户体验。
在CSS动画中，全屏动画常常被用到，这种动画可以让整个页面充满活力，使用户在浏览网站时能够更加享受视觉效果。
.full-screen {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
animation: fullScreenAnimation 2s ease-in-out forwards;
}
@keyframes fullScreenAnimation {
0% {
opacity: 0;
transform: scale(0.5);
}
100% {
opacity: 1;
transform: scale(1);
}
}上述CSS代码就是一个基本的全屏动画效果，通过设置元素的position属性为fixed，并设置其top、bottom、left、right的值为0，以使元素占满整个屏幕。
在该元素上，通过animation属性来实现动画效果，具体的动画效果在keyframes中定义，这里使用了transform和opacity属性，使元素从缩小到放大，同时从透明到完全不透明。
当页面加载时，该元素会出现全屏动画效果，直至动画结束，元素停留在放大的状态。
总之，CSS动画的全屏效果为网站增添了更多的视觉效果与美感，能够更好地吸引用户进入网站，提升用户体验。