CSS3是前端開發中的一項重要技術，它為我們提供了更加強大的樣式控制能力。在CSS3中，還有一個新特性可以讓我們獲取用戶的地理位置信息，它就是Geolocation API。這個API可以獲取用戶的經緯度等位置信息，然后通過CSS3將這些信息應用到網頁中。

要使用Geolocation API獲取用戶的經緯度信息，我們需要使用JS代碼來調用該API下的getCurrentPosition()方法。

以下是獲取用戶經緯度的代碼：

navigator.geolocation.getCurrentPosition(function(position){
var longitude = position.coords.longitude; //獲取經度
var latitude = position.coords.latitude; //獲取緯度
//將獲取到的經緯度信息應用到CSS樣式中
body{
background: linear-gradient(to bottom, #00ffd7 0%, #ff005c 100%);
background-attachment: fixed;
background-size: cover;
background-position: center center;
background-image: url(http://maps.googleapis.com/maps/api/staticmap?center='+latitude+','+longitude+'&zoom=13&size=640x640&sensor=false');
}
});

在這段代碼中，我們首先調用了getCurrentPosition()方法，并將該方法的返回值傳入一個匿名函數中，在該匿名函數中，我們分別獲取到了用戶的經度和緯度，然后將這些信息應用到CSS樣式中。其中background-image這一行，我們將經緯度信息傳入了一個Google Maps的靜態地圖API中，該API將返回一個基于用戶地理位置的靜態地圖。

需要注意的是，在使用Geolocation API獲取用戶地理位置信息時，瀏覽器會提醒用戶是否允許該網站獲取其地理位置信息。如果用戶拒絕了該請求，那么我們將無法獲取到用戶的經緯度信息。

總之，使用CSS3和Geolocation API，我們可以輕松地獲取到用戶的地理位置信息，并將其應用到網頁中，為用戶提供更加個性化的服務。