自由元素設(shè)計(jì)是網(wǎng)站最常見(jiàn)的操作之一，借助自由設(shè)計(jì)可以實(shí)現(xiàn)更靈活豐富的展示效果。以下介紹常見(jiàn)元素操作的使用：

1 空白版塊的添加

使用元素設(shè)計(jì)前必填添加空白版塊到頁(yè)面中，盡管元素可以添加到內(nèi)置版塊里，但并不推薦這樣做。響應(yīng)式內(nèi)置版塊與絕對(duì)定位的自由元素搭配時(shí)可能因?yàn)槠聊坏淖儎?dòng)導(dǎo)致元素的位置發(fā)生偏移。自由元素都采用絕對(duì)定位方式，推薦在單獨(dú)的空白版塊里進(jìn)行設(shè)計(jì)操作(空白輪播也可以，僅保留背景圖的內(nèi)置輪播)。

2 元素的邊框、背景、圓角、陰影、旋轉(zhuǎn)

常見(jiàn)的元素包括容器、按鈕、圖片等，樣式設(shè)置中常見(jiàn)的有邊框、圓角、背景等操作，直接設(shè)置即可實(shí)時(shí)看到效果。背景支持漸變背景、圖片背景、純色背景。拖拽旋轉(zhuǎn)按鈕即可對(duì)元素執(zhí)行旋轉(zhuǎn)操作(不支持IE等老式瀏覽器)。

當(dāng)圓角等于寬度長(zhǎng)度的1半的時(shí)候，正方形容器就會(huì)變成圓形:

陰影樣式常用效果之一，通過(guò)調(diào)整陰影參數(shù)能生成不同的效果，可以查看默認(rèn)陰影示例容器

3 元素層級(jí)、復(fù)制、多選與對(duì)齊

默認(rèn)后添加的元素層級(jí)比現(xiàn)有元素層級(jí)高，如果想調(diào)整層級(jí)，選中元素右鍵進(jìn)行層級(jí)操作。

元素右鍵同樣可以進(jìn)行復(fù)制操作，直接復(fù)制將在當(dāng)前版塊執(zhí)行復(fù)制。復(fù)制到剪貼板則可以將剪貼板中的元素添加到其他版塊或者是其他頁(yè)面。

選中單個(gè)元素后按住ctrl或者shift鍵點(diǎn)擊其他元素可以執(zhí)行多選，多選后元素可以進(jìn)行對(duì)齊或者復(fù)制等操作，借助對(duì)齊能夠快速將零散的元素完成對(duì)齊設(shè)計(jì)。

4 元素動(dòng)畫(huà)

選中元素可以設(shè)置元素入場(chǎng)動(dòng)畫(huà)，如果將動(dòng)畫(huà)執(zhí)行次數(shù)設(shè)置為無(wú)限循環(huán)，動(dòng)畫(huà)觸發(fā)后將一直循環(huán)執(zhí)行，可以搭配延遲時(shí)間和動(dòng)畫(huà)執(zhí)行時(shí)間來(lái)設(shè)計(jì)不同的效果。

原文出處 https://aipage.baidu.com/guide-detail/BQak4GrB