錯(cuò)層滑動是一種通過?E2.COOL?內(nèi)「零高容器」、「自然優(yōu)先級無縫圖」、「置頂圖片」等組件復(fù)合搭建的創(chuàng)意滑動效果。以?GQ 實(shí)驗(yàn)室的本屆世界杯選題圖文《“滾！”》為例，足球懸浮在前景與背景間穿梭而行的效果，就是非常典型的「錯(cuò)層滑動」排版法。

基于同樣的排版方法，GQ 實(shí)驗(yàn)室近期還設(shè)計(jì)過一篇名為《這屆年輕人的消費(fèi)欲，哈哈...》的圖文。不過要說最讓小 E 欣賞的，是局部氣候調(diào)查組公眾號的中秋節(jié)選題神作《月亮看見了》，它也正是通過 E2.COOL 黑科技編輯器完成的排版（點(diǎn)擊這里查看第三方評析）：

密碼解鎖/密碼解鎖-伸長

無論是運(yùn)用世界杯標(biāo)語、時(shí)間信息還是品牌方其他特征字符串等，具有密碼解鎖特效的 SVG 組件都非常適合營造世界杯的互動性和懸疑感！來參考一則早期的定制（by yiwebsite）案例《官宣一位新朋友》，就是以歐洲杯縮寫為密碼宣布 VIVO 成為其官方合作伙伴：

在?E2.COOL?的組件搜索功能內(nèi)查找「密碼解鎖」和「密碼解鎖-伸長」即可體驗(yàn)！具體教程可參考《黑科技編輯器｜密碼解鎖教程》和《黑科技編輯器｜密碼解鎖-伸長教程》。其素材設(shè)計(jì)和拼裝有一定復(fù)雜性，一定要仔細(xì)對照教程操作喔！

多熱區(qū)彈出式海報(bào)/多熱區(qū)彈出式按鈕激活

奧迪的《GOALLLLLLL》以綠茵場為畫布，點(diǎn)擊不同位置彈出不同的海報(bào)畫面——這種排版被稱之為「多熱區(qū)彈出式海報(bào)」（如需同步做到下方案例的提示符依次變化，則需使用「多熱區(qū)彈出式按鈕激活」SVG 組件），它是「點(diǎn)A見B」模型的升級應(yīng)用。

在?E2.COOL?的組件搜索功能內(nèi)查找「多熱區(qū)彈出式海報(bào)」即可體驗(yàn)！這一模版的應(yīng)用面非常廣泛，也很容易出奇制勝——例如 Vogue 曾經(jīng)的出圈佳作《今天的頭條是Prada》，也是基于 E2.COOL 該模板實(shí)現(xiàn)的。（點(diǎn)擊這里查看操作演示）

直線運(yùn)動（序列幀）/直線運(yùn)動（GIF）

帶球前進(jìn)，連續(xù)盤帶經(jīng)過不同的設(shè)計(jì)場景，也不失為世界杯主題創(chuàng)作的一個(gè)可選 SVG 排版方向：