CSS3控制往兩邊展開對于現(xiàn)代網(wǎng)站設(shè)計(jì)來說是非常重要的特性。這個(gè)特性可以讓你的頁面看起來更加流暢，并提高用戶體驗(yàn)。下面我們將介紹如何使用CSS3控制往兩邊展開。

代碼如下：
/*首先，我們要定義一個(gè)容器，然后定義其樣式。*/
.container {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
/* 下面是定義往左展開的樣式. */
.left {
width: 50%;
height: auto;
position: absolute;
left: 0;
top: 0;
transform: translateX(-100%);
}
/* 下面是定義往右展開的樣式. */
.right {
width: 50%;
height: auto;
position: absolute;
right: 0;
top: 0;
transform: translateX(100%);
}
/* 接下來我們可以添加過渡效果使展開看起來更加平滑. */
.container:hover .left {
transform: translateX(0%);
transition: all 0.5s ease;
}
.container:hover .right {
transform: translateX(0%);
transition: all 0.5s ease;
}

以上代碼可以適用于大多數(shù)情況，但如果你要在不同設(shè)備上使用該代碼可能需要進(jìn)行一些修改。你可以根據(jù)實(shí)際情況調(diào)整容器的寬度和高度，并且使用一些媒體查詢來根據(jù)設(shè)備不同進(jìn)行調(diào)整。