這是來自海爾的一篇雙十一家電推薦文章，他們利用抽簽的玩法，來介紹不同種類的洗碗機(jī)產(chǎn)品，創(chuàng)意十足。他們?cè)跇?biāo)簽的設(shè)計(jì)上，做了動(dòng)態(tài)效果，且將不同類型洗碗機(jī)的優(yōu)勢(shì)，用簡(jiǎn)短的文字在標(biāo)簽上呈現(xiàn)，設(shè)置懸念，增加推文的神秘感，讓用戶懷著好奇心去點(diǎn)擊閱讀，從而形成良性互動(dòng)。

在SVG的選擇上也恰到好處，用了帶有斜切式動(dòng)效的點(diǎn)擊換圖交互效果，與現(xiàn)實(shí)版抽簽的視覺呈現(xiàn)非常貼合。

想要實(shí)現(xiàn)上述效果，可以用到SVG組件：橫向斜切式多次點(diǎn)擊換圖，ID：279。

這是一篇大制作的雙十一活動(dòng)推文，來自護(hù)膚品牌米蓓爾。文章以24小時(shí)快閃店作為創(chuàng)意，以“惠不斷、熱賣榜”等主題全面展示了自己品牌雙十一活動(dòng)的詳情，思路清晰。在不同的主題下，他們使用了不同的SVG交互來呈現(xiàn)內(nèi)容，使推文看起來更加豐富。在互動(dòng)性和趣味性上都做到了極致。

想要實(shí)現(xiàn)上述推文效果需要多種組件配合使用，下面三兒就列出3個(gè)主要的SVG組件。其實(shí)可以用到SVG組件：多圖橫向擦除無限循環(huán)輪播，ID：410；SVG組件：點(diǎn)擊直接展開(首圖消失)，ID：272；SVG組件：橫向不限寬單層滑動(dòng)；ID：491。