使用css 不用canvas

CSS（层叠样式表）是一种用于描述网页文档样式的语言，主要用于控制网页的布局、字体、颜色、背景等外观表现。通过使用CSS，我们可以轻松地控制网页的样式而无需使用Canvas。

以下是一些使用CSS实现的常见效果：

1. 线性渐变：可以通过CSS的linear-gradient()函数实现线性渐变效果；
2. 阴影：可以通过CSS的box-shadow属性实现阴影效果；
3. 动画：可以通过CSS的@keyframes规则和animation属性实现动画效果；
4. 弹性盒子布局：可以通过CSS的Flexbox布局实现弹性盒子布局；
5. 响应式设计：可以通过CSS的媒体查询实现响应式设计，使网页在不同的设备上呈现不同的样式。