CSS可以讓網頁的布局更加靈活，可以通過設置元素的垂直和水平位置，讓它們呈現出不同的效果。但是，有時候我們需要讓效果橫向展示，這時可以使用CSS的“transform”屬性來實現。

transform屬性可以設置元素的位置、旋轉和翻轉等操作，其中“transform-origin”屬性用于指定元素位置的原點，默認為“0 0”，可以通過改變該值來控制元素的位置。

下面，我們來舉個例子，演示如何使用CSS的“transform”屬性讓一個元素橫向展示。

首先，我們需要給元素設置一個“transform”屬性，如下所示：

.box {

width: 200px;

height: 200px;

background-color: blue;

transform: translateY(-50%);

上述代碼中，我們使用了“transform: translateY(-50%);”來讓元素橫向展示。在“transform”屬性中，我們將值設置為“-50%”，即元素垂直方向的50%。

現在，我們打開一個網頁，可以看到的效果如下：

這就是使用CSS的“transform”屬性讓元素橫向展示的效果。通過調整“transform-origin”屬性的值，我們可以控制元素在水平和垂直方向上的位置和旋轉。