本例子来源于《HTML5与CCS3网页设计基础》（第2版） 第二章案例学习的第二个例子。 这部书相对比较基础，适合前端入门，由于翻了书上的学习案例资料链接不是无效就是网盘过期什么的，所以决定在自己博客中记录下整个学习案例的工程。PS:博客开了好久都没去更新！不行不行。。 将从第二章开始，不断对案例更新，案例有两个,分别是Pacific Trails Reso

在上一篇《html+ccs3太阳系行星运转动画》中实现了太阳系八大行星的基本运转动画。 太阳系又何止这些内容，为丰富一下动画，接下来增加“土星环”和“月球”来充盈太阳系动画。 下面是充盈后的动画效果静态图。   一、土星环 修改原来土星的div，在外面放一个包裹层div，class设成saturn-container。 内部放4个div，一个用来显示土星这个圆球，3个用来显示土星环。

目录： 1. 过渡属性 transition 2. 变形属性 transform 3. 动画属性 animation 学习目标 理解过渡属性，能够控制过渡时间、动画快慢等常见过渡效果。掌握CSS3中的变形属性，能够制作2D转换、3D转换效果。掌握CSS3中的动画，能够熟练制作网页中常见的效果。 在传统的web设计中，当网页中需要显示动画或特效时，需要使用JavaScript脚本或者Fl