隨著移動設備的普及，響應式設計已經成為了 Web 開發中的重要部分。彈性布局是這個趨勢中發展出來的一種布局方式，CSS3 提出了彈性盒子（flexbox）屬性，讓開發者可以更加靈活地控制元素的排列方式和對齊方式。

在 CSS3 彈性盒子中，我們可以通過設置display: flex或者display: inline-flex來聲明容器是一個彈性盒子。然后通過定義flex-direction、justify-content和align-items等屬性來決定元素的排列、對齊方式。

.container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.item {
flex-basis: 100px;
height: 100px;
background-color: #ccc;
margin: 10px;
}

當然，在彈性盒子中，我們還可以使用一些動畫效果，例如縮放、旋轉等。

.item {
flex-basis: 100px;
height: 100px;
background-color: #ccc;
margin: 10px;
transition: transform 0.3s ease;
}
.item:hover {
transform: scale(1.2);
}

上面的代碼中，我們通過設置transition屬性讓動畫變得更加平滑，通過設置transform屬性來實現縮放效果。在將光標放在元素上時，:hover偽類觸發，從而觸發縮放動畫。

彈性盒子還有很多其他的用途，例如控制元素的布局、對齊和間距。在屏幕尺寸不同的情況下，彈性盒子可以幫助我們更好地適應不同的環境，為響應式設計提供了很好的支持。