CSS3引入了画布（Canvas）的功能，使得开发者可以在网页中绘制各种图形和动画效果。下面我们来介绍一些使用画布的方法。首先，需要一个画布元素。通过HTML标签<canvas>创建，需要指定宽度和高度：

接下来，在JavaScript中获取画布的上下文（context）对象：

var canvas = document.querySelector("canvas");
var context = canvas.getContext("2d");

这里使用了2D绘图上下文，也可以使用WebGL的3D上下文。

然后，就可以开始绘制了。例如，绘制一个圆形：

context.beginPath();
context.arc(100, 100, 50, 0, Math.PI*2, false);
context.fillStyle = "red";
context.fill();

这里使用了beginPath()方法开始路径，arc()方法绘制圆形，fillStyle属性设置填充颜色，fill()方法填充路径。

还可以绘制其他图形，例如矩形：

context.fillStyle = "blue";
context.fillRect(200, 100, 100, 50);

这里使用fillRect()方法绘制矩形，需要指定左上角的坐标和宽高。

有时候需要清空画布，可以使用clearRect()方法：

context.clearRect(0, 0, canvas.width, canvas.height);

这里将画布区域全部清空。

除了普通的绘图方法，还可以使用动画效果。例如，绘制一个不断改变颜色的圆形：

function drawCircle(x, y, r, hue) {
context.beginPath();
context.arc(x, y, r, 0, Math.PI*2, false);
context.fillStyle = "hsl(" + hue + ", 50%, 50%)";
context.fill();
}
var hue = 0;
setInterval(function() {
drawCircle(300, 200, 50, hue);
hue += 10;
}, 100);

这里使用setInterval()方法定时绘制圆形，hsl()函数根据色相值返回颜色，颜色值不断变化，就产生了动画效果。

总之，使用画布可以实现各种复杂的图形和动画效果，需要多加实践和尝试。