注意:我真的很喜歡此部分標題的緩和速度曲線效果。它的著陸速度逐漸變慢,干凈利落。保存設置設計四個導語現在我們準備添加Blurb模塊。首先,創建一個具有四列(1/4 1/4 1/4 1/4)結構的行。將導語模塊添加到第一列(最左側)。然后更新“導語設置”。在內容標簽下…在“內容框”的文本選項卡中添加以下html:<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus bibendum est vitae felis rhoncus gravida sed nec purus.p><p><a href="#" style="font-size: 12px;letter-spacing: 1px; color: #6a8091;"><strong>READ MORE ?strong>a>p>注意:我手動添加了一個鏈接,為用戶提供了另一個單擊選項。確保手動鏈接的URL與你添加到blurb模塊URL的鏈接匹配。
注意:此動畫通過在整個過程中添加縮放效果,確實很好地構架了其他模塊動畫。保存設置現在,你已經完成了本部分。演示頁面的導語下方還有另一張圖片,但我認為沒有必要在此處添加它。下載這些部分以方便導入在愛極致云公眾號的聊天窗口發送關鍵詞20201121獲取布局下載鏈接!要使用這些下載,請首先在我們的下載文件夾中找到名為Animation_Effects_Part_3.zip的壓縮文件。將其解壓縮以顯示以下導入。Animation Effects Part 3 (section 5).json在WordPress管理員中導航至Divi> Divi Library> Import&Export。彈出可移植性模式時,單擊導入選項卡,然后單擊標記為選擇文件的按鈕。選擇你喜歡的json文件,然后單擊“導入Divi Builder布局”。導入完成后,導航至文章或頁面,你可以向其中添加以上部分之一。激活視覺生成器。導航至你要向其中添加上述部分之一的頁面部分。單擊添加新部分圖標時,將顯示“從庫添加”選項。選擇此選項,然后選擇所需的布局。總結第5部分的設計和動畫確實顯示了少量動畫設置能對內容傳遞產生的影響。連續顯示每個簡介,不僅看起來很酷,而且考慮到無論如何你都顯示了流程的步驟,這也很有意義。接下來在本系列的第4章中,我將向你展示用于顯示產品或下載內容的精美布局。而且,當然,我將始終強調動畫的巧妙用法。如果你對創建網站有興趣歡迎來撩愛極致小哥哥哦~長按關注,有更多干貨哦~▼▼▼