CSS 实现穿梭效果：利用 CSS 轻松实现 JavaScript 功能

CSS（层叠样式表）是一种用于定义网页布局和样式的标记语言。尽管 CSS 主要用于样式设计，但是通过一些技巧和属性，我们也可以实现一些看似需要 JavaScript 处理的效果。本文将介绍如何使用 CSS 实现一种穿梭效果，而无需借助 JavaScript。

首先，让我们明确一下穿梭效果的概念。穿梭效果通常用于在两个列表之间移动元素。用户可以从一个列表中选择一个或多个项目，然后将它们移动到另一个列表中。在我们的示例中，我们将使用两个 <ul> 列表，一个用于显示可选项，另一个用于显示已选项。

下面是实现这一效果的 HTML 结构：

<div class="container">