3、HTML5游戏开发入门与实践

HTML5游戏开发入门与实践

1. HTML5与CSS3基础特性

HTML5和CSS3为网页开发带来了许多新特性，这些特性也为HTML5游戏开发提供了强大的支持。

1.1 CSS3前缀

由于CSS3规范仍在草案阶段，不同浏览器厂商的实现可能与W3C规范存在细微差异。为避免冲突，浏览器厂商通常会为CSS3属性添加厂商前缀：
| 浏览器 | 前缀 |
| ---- | ---- |
| Safari和Chrome | -webkit- |
| Opera | -o- |
| Firefox | -moz- |
| IE | -ms- |

在大多数示例中，为避免代码冗余，通常仅使用 -webkit- 前缀。待属性规范确定后，前缀有望被消除。

1.2 CSS3变换（Transform）

CSS3变换允许对元素进行缩放、旋转和平移操作，分为2D和3D变换。以下是一些常见的变换示例：
- 平移元素：

-webkit-transform: translate(x,y);

• 缩放元素：

-webkit-transform: scale(1.1);

• 组合变换：

a.box {
  -webkit-transit