css3中可以实现动画效果，主要是通过css3中新增加的属性(transform , transition,animation )来完成。
他们的详细解释可以参考 W3CSCHOOL
下面是效果图：
类似于tab选项卡，当点击某个input的时候，就以动画的效果来显示对应的内容区域。
Html代码
- Serendipity
- Happiness
- Tranquillity
- Positivity
- Passion
-
-
Serendipity
-
Banksy adipisicing eiusmod banh mi sed. Squid stumptown est odd future nisi, commodo mlkshk pop-up adipisicing retro.
-
-
Happiness
-
Art party readymade beard labore cosby sweater culpa. Art party whatever incididunt, scenester umami polaroid tofu.
-
-
Tranquillity
-
Sint aute occaecat id vice. Post-ironic fap pork belly next level godard, id fanny pack williamsburg forage truffaut.
-
-
Positivity
-
Mixtape fap leggings art party, butcher authentic farm-to-table you probably haven't heard of them do labore cosby sweater.
-
-
Passion
