點(diǎn)擊展開(kāi)-文末點(diǎn)擊全文漸進(jìn)換內(nèi)容(自定義觸發(fā))
在『互動(dòng)效果』欄目下的【點(diǎn)擊】里,點(diǎn)擊『點(diǎn)擊展開(kāi)-文末點(diǎn)擊全文漸進(jìn)換內(nèi)容(自定義觸發(fā))』素材,將其添加到編輯區(qū)域。
在編輯器右側(cè)上傳位移小元素。位移小元素的圖和背景圖需要寬度一致,使用透明底圖片,建議圖片高度按元素高度裁切,不要上下留出太多空白。
再上傳初始背景圖和變化后背景圖。長(zhǎng)圖背景需要切成多張圖,所有圖片寬度一致,并且變化前后背景總高度需要一致
設(shè)置分割線(xiàn):小元素在移動(dòng)的過(guò)程中,新舊內(nèi)容切換會(huì)出現(xiàn)一個(gè)分割線(xiàn),這個(gè)功能用來(lái)設(shè)置分割線(xiàn)在小元素圖片高度占比的位置,比如設(shè)置為50%,分割線(xiàn)就在圖片豎向的正中間位置;設(shè)置為100%,分割線(xiàn)就在圖片底部
03 效果設(shè)置 設(shè)置初始背景圖觸發(fā)熱區(qū):鼠標(biāo)挪動(dòng)熱區(qū)設(shè)置到合適的大小和位置
展開(kāi)動(dòng)畫(huà)時(shí)長(zhǎng):動(dòng)畫(huà)從上到下展開(kāi)需要的時(shí)間
元素移入時(shí)長(zhǎng):移動(dòng)小元素完全移入效果區(qū)域消耗的時(shí)間
動(dòng)畫(huà)漸變時(shí)長(zhǎng):整個(gè)漸進(jìn)式動(dòng)畫(huà)從下到上更換過(guò)程持續(xù)時(shí)間
04 同步/導(dǎo)出到微信公眾號(hào) 制作好的SVG文章可以通過(guò)使用『同步』或『導(dǎo)出』功能,保存到微信公眾號(hào)平臺(tái)。