在本教程中，你将使用 @lit-labs/motion 包中的 animate 指令， 构建一个带有动画效果的简单轮播元素。

轮播是在较小的视觉空间中展示大量相关内容的好方法。通常，选中的项目 会以动画方式进出视图，并且可以通过滑动或点击来操作。轮播的使用非常广泛， 掌握如何创建轮播是一项非常实用的技能！

下面是 motion-carousel 元素的预览。尝试点击轮播内容来切换选中的项目。 按住 Shift 键点击可以向相反方向移动。

• 设置元素的 DOM 和样式
• 添加 selected 属性来显示选中的项目
• 准备将选中的项目以动画方式展示
• 使用 @lit-labs/package 中的 animate 指令来添加动画

你即将成为轮播专家！