博客園壁紙css
作為一位愛好者或業務人員，在博客園網站上擁有一個獨立的博客是非常有必要的。而如何讓我們的博客更具個性化呢？其中博客園的壁紙css技術可以幫助到你。
首先，在博客園上選擇一個喜歡的壁紙圖片，并上傳到博客園。在網頁代碼頁面中，找到如下代碼：我們直接在 skin-wrap 類中添加如下樣式：
.skin-wrap{
background:url(圖片路徑) no-repeat fixed;
background-size:100%;
}
其中，background-size:100%表示壁紙圖片的大小鋪滿整個屏幕。fixed屬性是指當頁面滾動時，圖片依然會固定不動，創建出“一片天”的感覺。
如果你想要讓自己的博客更別致一些，我們可以使用css3的基礎動畫，給壁紙添加一個炫酷的過渡效果：
.skin-wrap{
background:url(圖片路徑) no-repeat fixed;
background-size:100%;
animation:animateBg 30s ease infinite;
}
@keyframes animateBg{
from{
background-position: 0px 0px;
}
to{
background-position: 600px 0px;
}
}
代碼中，animateBg表示動畫效果的名字，30s表示動畫的時間，0px 0px表示動畫的起點，600px 0px表示動畫的終點。
最后，讓我們將以上代碼整合起來，放入 pre 標簽中，示例代碼如下：
.skin-wrap{
background:url(圖片路徑) no-repeat fixed;
background-size:100%;
animation:animateBg 30s ease infinite;
}
@keyframes animateBg{
from{
background-position: 0px 0px;
}
to{
background-position: 600px 0px;
}
}通過網頁代碼修改，我們可以輕松地為自己的博客添加一個炫酷的壁紙圖片，并加上過渡效果，展現出更加個性化的博客。