不知道大家在平常瀏覽網(wǎng)站的時(shí)候有沒(méi)有看到這種效果?這種看起來(lái)像是鏤空的效果,能夠給用戶(hù)帶來(lái)不錯(cuò)的使用體驗(yàn)。這種效果看起來(lái)很難做,但其實(shí)我們也能在網(wǎng)站建設(shè)過(guò)程中很輕松地做出來(lái),下面就和大家一起看看是如何做出來(lái)的吧。

一、挑選好合適的模板后進(jìn)入到網(wǎng)站建設(shè)頁(yè)面。先點(diǎn)擊左方的“模塊”按鈕,給網(wǎng)站添加一個(gè)“通欄排版”模塊。

二、添加好模塊后,鼠標(biāo)移動(dòng)到通欄模塊后,在右上方點(diǎn)擊“編輯通欄模塊”。

進(jìn)入到設(shè)置后,我們看到“通欄背景”設(shè)置,然后點(diǎn)擊“自定義”,再點(diǎn)擊“修改圖片”,可以通過(guò)素材庫(kù)選擇圖片或是自行上傳圖片的方式進(jìn)行圖片添加。
添加圖片完成后,在“效果”一欄勾選“固定”,速度可以根據(jù)自己想要的效果進(jìn)行調(diào)整,速度是用戶(hù)滾動(dòng)頁(yè)面時(shí),背景圖片同時(shí)滾動(dòng)的響應(yīng)速度,速度越高,用戶(hù)滾動(dòng)頁(yè)面響應(yīng)越快。

還有一點(diǎn)要注意的是,在我們選用圖片時(shí),盡量選擇高清且適配網(wǎng)頁(yè)寬高的圖片,才能讓“鏤空”效果更好。若圖片的尺寸較小,那么記得要在“圖片縮放”選擇“填充”哦。
那么網(wǎng)站建設(shè)頁(yè)面中的“鏤空”效果就這樣做好了,一個(gè)頁(yè)面也能同時(shí)使用多次鏤空效果,用戶(hù)滾動(dòng)到頁(yè)面不同位置時(shí),都會(huì)看到有不同的鏤空效果,令整個(gè)頁(yè)面變得更有設(shè)計(jì)性,在瀏覽網(wǎng)站的過(guò)程中有很好的體驗(yàn)。

各位小伙伴在自己建網(wǎng)站的時(shí)候,可以參照以上的操作方式,設(shè)計(jì)出效果好看的網(wǎng)頁(yè),讓更多用戶(hù)喜歡上你的網(wǎng)站。