山、石頭、標識符等元素大圖自動播放,播放結束后順滑展開后續內容。超級跑鞋以泥地為背景,畫面不斷刷新切換成干凈白紙,強烈視覺對比瞬間吸睛。跑鞋多場景使用圖同步差速立體滑動,自然融入山地場景中,層次豐富,讓產品展示更具動態質感與沉浸感。
紅包輕晃帶動態提示引導雙擊,雙擊即刻觸發仿微信紅包開啟動效,封面緩緩掀開、紅包主體舒展切換,元寶 10 億新春紅包活動信息順勢展開,頁面內部縱向伸長,金色元寶粒子輕盈飄落,馬年新春氛圍拉滿,動效流暢銜接,讓活動信息展現更具節日驚喜感。
以固定背景圖層為基底,頂層放置獲獎名單并支持左右滑動切換,核心用漸變遮罩效果呈現各獎項,讓獎項內容隨遮罩漸變自然展出,弱化邊緣更具視覺層次感,滑動時遮罩同步適配,讓信息展示流暢且有質感,整體視覺簡潔又富有動態美感。該效果可以使用 E2 編輯器「頂層滑動」組件實現。
這款 SVG 撲克互動由 E2 編輯器「互斥抽拉」模版制作,核心為互斥抽拉效果:點擊右側撲克牌的牌尖位置,該牌會即刻觸發抽拉抽出的動態,同時觸發互斥聯動,另一張撲克牌會同步自動收回,兩張牌始終保持一抽一收的互斥狀態,抽收的動作銜接流暢,互斥抽拉的特性展現得十分直觀。
敲木魚模型的優秀變體思路,在官方首創模型的基礎上,調整了前景的運動方式,產生搖搖馬左右快速抖動的彈性效果;浮現文字則層層疊加,使得信息量逐步遞增;最后巧妙觸發伸長的交互熱區,銜接了SVG展開效果,極大豐富了該互動效果的內容拓展性。
依托 E2 編輯器「無限選擇器」與「縱向滑動」組件組合搭建擬態書籍效果,沉浸式呈現「經濟」「金融」等六大領域的入圍書單內容。
基于 touchstart 和 click 實現的選擇性無限往返伸縮器效果,將產品賣點巧妙融入三種年終狀態切換中,契合當代年輕人的情感表達。
通過「漢堡包滑動」組件,巧妙模擬服飾在東方意境中的穿梭動態,還原香云紗的非遺工藝。同時配合「多熱區無限浮現-關閉」組件深度展示三層貼合科技,呈現出品牌的匠心獨運。目前該效果可通過「點擊-播放GIF切換任意內容-伸長」「多熱區無限浮現-關閉」、「漢堡包滑動」等組件搭配實現。