推薦適合母親節(jié)的SVG模版
寶藏模版
往期推薦（點(diǎn)擊閱讀）：
??推薦幾個(gè)敲級(jí)可愛(ài)的SVG模版??
??推薦高級(jí)感雜志/報(bào)刊范兒SVG模版??
各位?E2.COOL?的會(huì)員，編輯器內(nèi) 900+ 的 SVG 組件你們都用過(guò)嗎？母親節(jié)即將到來(lái)，不少小伙伴都在精心準(zhǔn)備節(jié)日驚喜，如果你運(yùn)營(yíng)的公眾號(hào)將發(fā)布相關(guān)選題，那不妨看看本期的模版推薦。
全名展開(kāi)
“媽媽”是一個(gè)往往被賦予大量世俗化標(biāo)簽的稱謂，隨著當(dāng)代獨(dú)立女性思潮的日益進(jìn)步，傳統(tǒng)意義上的“媽媽”正在被解構(gòu)。而無(wú)論它現(xiàn)在有怎樣的新定義，我們都希望每一位媽媽真正“做自己”，不僅在母親節(jié)這一天，更在日后每一天！點(diǎn)擊下方畫面，看看“媽媽”的全名會(huì)是什么？
在E2.COOL?的組件搜索功能內(nèi)查找「全名展開(kāi)」即可體驗(yàn)！使用時(shí)建議參考《請(qǐng)大聲念出盧笛的全名｜全名展開(kāi)教程》，請(qǐng)注意中段素材寬度必定小于整體畫幅寬度，它將決定展開(kāi)后左-中-右結(jié)構(gòu)的具體位置關(guān)系。
多熱區(qū)限時(shí)可見(jiàn)
媽媽還有哪些狀態(tài)？聽(tīng)媽媽的或者不聽(tīng)媽媽的會(huì)分別發(fā)生什么？ColorOS 的《這份媽媽的碎碎念，竟然很 Relax》在開(kāi)場(chǎng)點(diǎn)擊兩邊不同選項(xiàng)，限時(shí)呈現(xiàn)了媽媽的兩種反應(yīng)：
關(guān)于組件的具體應(yīng)用，可查看教程《黑科技編輯器｜多熱區(qū)限時(shí)可見(jiàn)教程》。如果你希望更進(jìn)一步，基于不同的選擇，伸長(zhǎng)出不同的內(nèi)容，則可以使用「無(wú)限選擇器」結(jié)合「企業(yè)會(huì)員熱區(qū)版點(diǎn)擊-伸長(zhǎng)」，由此形成類似《??祝我生日快樂(lè)??（有福利你懂的）??》的多選伸長(zhǎng)效果：
多熱區(qū)無(wú)限浮現(xiàn)-關(guān)閉
在一天中的不同時(shí)刻，媽媽也可以有多樣面貌。MassimoDutti 的《母親節(jié) | 閃耀24小時(shí)》通過(guò)「多熱區(qū)無(wú)限浮現(xiàn)關(guān)閉」組件，構(gòu)建了媽媽 24 小時(shí)造型記錄的創(chuàng)意交互：
E2.COOL?的這一組件長(zhǎng)期都是 SVG 的應(yīng)用爆款，還可參考《現(xiàn)在加入視頻會(huì)議》了解類似案例效果。而如果你希望彈出畫面包含超鏈接能力，則建議應(yīng)用「多熱區(qū)無(wú)限切換-關(guān)閉（超鏈接）」來(lái)增加落地頁(yè)指向。
點(diǎn)擊-切換-播放音頻-伸長(zhǎng)
不同的媽媽，自然都有不同的故事，和對(duì)我們不同的掛念。如果你希望結(jié)合音頻，豐富母親節(jié) SVG 交互的視聽(tīng)感，那么可以參考海爾集團(tuán)的《母親節(jié)特輯 | 無(wú)論在哪里，我永遠(yuǎn)愛(ài)你！》：
除了「點(diǎn)擊-切換-播放音頻-伸長(zhǎng)」組件外，還可以選擇「下1/4觸發(fā)」的版本，讓讀者只能點(diǎn)擊畫面偏下方觸發(fā) SVG 交互效果。其位置限定效果將在 20 秒后撤出，確保文章底部常見(jiàn)的鏈接矩陣等可觸摸。
點(diǎn)擊-收縮切換-伸長(zhǎng)
歷史上有不少偉大的母親也是我們的民族英雄，在不同的領(lǐng)域曾發(fā)光發(fā)熱，奉獻(xiàn)青春乃至自己的生命。央視新聞公眾號(hào)就通過(guò)書信的交互形式，介紹了英雄媽媽的光榮事跡和傳世名言：
在?E2.COOL?的組件搜索功能內(nèi)查找「點(diǎn)擊-收縮切換-伸長(zhǎng)」即可體驗(yàn)！篩選器中還有「任意內(nèi)容模式」可更高程度自定義展開(kāi)畫面！
層層滑動(dòng)
我的媽媽也是我的英雄，比如對(duì)于我永遠(yuǎn)找不到的襪子，她總能通過(guò)超能力發(fā)現(xiàn)它們的蹤影。先點(diǎn)擊下方畫面，隨后左右撥開(kāi)雜物搜索：
當(dāng)然，每一個(gè)孩子更應(yīng)該自主完成收納家務(wù)，讓我們的英雄媽媽也有屬于自己的放松與娛樂(lè)時(shí)間。這里提供一個(gè)排版結(jié)構(gòu)參考：
層層伸長(zhǎng)
最后，為媽媽獻(xiàn)上一首小詩(shī)《不止是媽媽》，點(diǎn)擊下方畫面，來(lái)看「層層伸長(zhǎng)」SVG 組件的實(shí)現(xiàn)效果：
?? ?? ??
這里是黑科技編輯器（e2.cool），會(huì)的比別人多一點(diǎn)
