① 【秀米教程】SVG點擊展開推文，手機橫屏下拉效果動畫
效果展示：點擊圖片展開推文內容
操作步驟(點擊上方卡片)：
1、點擊【圖文模板】 - 【SVG】 - 在左邊選擇自己想要的下拉效果
2、點擊下拉效果圖的邊框 - 點擊【編輯】顯示內容：顯示當前編輯下的內容，但不能編輯
3、點擊【轉場設置】 ①解釋說明：【轉場設置】下方有「轉場淡出(0.5秒)+展開(13秒)」提示 ②轉場淡出(0.5秒)：封面淡出的時長 ③展開(13秒)：內容展開的總時長
4、清除封面中的內容，並設置自己想要的圖片 - 點擊【圖片】，設置【以本圖為布局基準】
5、在【內容頁】中設置封面+展開的內容
6、點擊【分段展開】中的設置 - 右邊小窗口線下滑動查看動畫停頓分隔線 - 點擊【分割線】，上方會顯示單個模塊的動畫時長。
註：點擊小窗口中間的 「+」號 可以在小窗口中間區域添加分隔符。 我們手動設置的動畫時長可以不一樣，這樣會使動畫更有運動效果顯得更加自然。勻速變化的動畫會顯得不自然。
可能遇到的問題？實戰推文製作水平時間軸下拉效果：
1、設置圖片素材為豎圖：點擊或右擊圖片 - 設置圖片【向右旋轉】，此時的圖片在插入秀米時就可以橫屏瀏覽
2、設置文字為豎版：點擊【深度布局】可以觀察到正常的文字是橫屏的，我製作的文本框有2個盒子(方框)並且是豎屏。
3、設置步驟：點擊【深度布局】- 插入【基本卡片】box1（盒子1），並刪除裡面的文字，只保留box1
4、在box1中再插入【基本卡片】box2（盒子2）
5、選擇box2，並旋轉90°，此時文本框就是豎屏，我們在裡面輸入任何內容時文字都將是豎屏。
小貼士也可以直接設置box1旋轉90°，我想達到的效果是無論文字長短，文本框都會根據文字的段落長度(寬度自適應)+固定上下邊距進行設置，這樣編輯會更加方便，但「文字寬度自適應」是根據屏幕寬度進行變化的。
6、選擇box1，設置【組前距和組後距】為適當的值（例如：20像素），使豎屏文本框有一下的一下邊距，這樣會使推文更加美觀。
7、選擇box1對豎屏文本框進行【收藏】，在需要使用時直接在【收藏】中進行調用。 小技巧：豎屏文本框在編輯時不方便查看，在前期編輯時可以用橫屏文本框進行編輯，確認無誤後再將文本框進行豎屏設置。
原文鏈接： cnblogs.com/MrFlySand/p...（查看原文）