设置渐变背景，使用图片上以设计好的图片背景，怎么在网页上全屏渐变和动画效果呢？

你可以通过CSS3的`background-image`属性来设置背景图片，并使用`linear-gradient()`函数来设置渐变效果。要实现全屏渐变和动画效果，可以在CSS中设置以下属性：

body {
  background-image: linear-gradient(to bottom, #006699, #00cc99); /* 设置渐变背景 */
  animation: gradient-animation 10s ease infinite; /* 设置渐变动画 */
  background-size: cover; /* 将背景图片铺满整个屏幕 */
}

@keyframes gradient-animation {
  0% { background-position: 0 0; } /* 动画起始位置 */
  100% { background-position: 100% 0; } /* 动画结束位置 */
}

以上代码会将页面背景设置为从上到下的渐变色，并使用`animation`属性来实现渐变动画效果。`background-size`属性会将背景图片铺满整个屏幕。`@keyframes`规则定义了渐变动画的起始和结束位置。你可以根据需要调整颜色、动画时间和动画方式等参数。