CSS3中的x軸和y軸都是應用于二維平面的。我們可以使用在CSS3中引入的transform屬性來執行x軸和y軸變換，進而實現有趣的效果。

在CSS3中，有兩種基本的坐標系統：笛卡爾坐標和極坐標。

在笛卡爾坐標系統中，x軸和y軸是直角坐標系，它們平行于二維平面的水平和垂直方向。我們可以使用transform:translateX()和transform:translateY()函數來控制元素在x軸和y軸上的偏移。

/* 偏移50px */
transform: translateX(50px);
transform: translateY(50px);

在極坐標系統中，角度是主坐標軸，r（半徑）是次坐標軸。我們可以使用transform:rotate()函數來按角度旋轉元素。

/* 旋轉45度 */
transform: rotate(45deg);

還可以同時對x軸和y軸進行變換。我們可以使用transform:translate()函數來指定元素在二維平面上的位置，使用transform:rotate()函數來指定元素的旋轉角度。

/* 同時向右平移50px、向上平移25px、旋轉45度 */
transform: translate(50px,-25px) rotate(45deg);

總之，在CSS3中，我們可以通過熟練使用x軸和y軸的變換函數，創建出許多視覺效果。