自由元素設計是網(wǎng)站最常見的操作之一,借助自由設計可以實現(xiàn)更靈活豐富的展示效果。以下介紹常見元素操作的使用:
1 空白版塊的添加
使用元素設計前必填添加空白版塊到頁面中,盡管元素可以添加到內(nèi)置版塊里,但并不推薦這樣做。響應式內(nèi)置版塊與絕對定位的自由元素搭配時可能因為屏幕的變動導致元素的位置發(fā)生偏移。自由元素都采用絕對定位方式,推薦在單獨的空白版塊里進行設計操作(空白輪播也可以,僅保留背景圖的內(nèi)置輪播)。
2 元素的邊框、背景、圓角、陰影、旋轉(zhuǎn)
常見的元素包括容器、按鈕、圖片等,樣式設置中常見的有邊框、圓角、背景等操作,直接設置即可實時看到效果。背景支持漸變背景、圖片背景、純色背景。拖拽旋轉(zhuǎn)按鈕即可對元素執(zhí)行旋轉(zhuǎn)操作(不支持IE等老式瀏覽器)。
當圓角等于寬度長度的1半的時候,正方形容器就會變成圓形:
陰影樣式常用效果之一,通過調(diào)整陰影參數(shù)能生成不同的效果,可以查看默認陰影示例容器
3 元素層級、復制、多選與對齊
默認后添加的元素層級比現(xiàn)有元素層級高,如果想調(diào)整層級,選中元素右鍵進行層級操作。
元素右鍵同樣可以進行復制操作,直接復制將在當前版塊執(zhí)行復制。復制到剪貼板則可以將剪貼板中的元素添加到其他版塊或者是其他頁面。
選中單個元素后按住ctrl或者shift鍵點擊其他元素可以執(zhí)行多選,多選后元素可以進行對齊或者復制等操作,借助對齊能夠快速將零散的元素完成對齊設計。
4 元素動畫
選中元素可以設置元素入場動畫,如果將動畫執(zhí)行次數(shù)設置為無限循環(huán),動畫觸發(fā)后將一直循環(huán)執(zhí)行,可以搭配延遲時間和動畫執(zhí)行時間來設計不同的效果。
原文出處 https://aipage.baidu.com/guide-detail/BQak4GrB