添加動畫效果

現在你可以透過加入網站動畫來讓你的網站更加生動了!

開啟編輯器> 風格> 動畫, 你可以看到“頁面滾動”,“背景動畫”和“超連結圖片滑鼠懸停效果” 三個動畫選項。

CN.png

 

頁面捲動

頁面滾動時的動畫效果定義了頁面滾動時內容出現的方式,你可以啟動或關閉"滑入“ 效果。

以下是頁面內容」滑入「 效果:

 

slide_in.gif

 

背景動畫

背景動畫效果定義了頁面滾動式背景的展示方式,你可以選擇「視差滾動」 或"固定背景「 作為網站背景動畫效果。

視差滾動效果是現在比較流行的動畫效果,當頁面滾動時背景內容和前景內容的移動速度會有所不同,形成立體的運動效果,帶來非常出色的視覺體驗。

 

parallax.gif

 

使用固定背景效果,當頁面滾動時背景會固定不動,只有前景內容會隨著頁面滾動兒移動。

注意:

  • 頁面滾動效果不會套用到滑桿和輪播圖版塊。
  • 頁面滾動不會應用於具有視訊背景的部分。
  • 如果你的網站上沒有背景圖片,背景動畫選項將會被隱藏。
  • 由於「視察滾動」 和「固定背景」 效果在大部分手機瀏覽器中不支持,所以這兩種效果在手機設備上無法顯示。

 

超連結圖片滑鼠懸停效果

超連結圖片滑鼠懸停效果定義了滑鼠移至帶有連結的圖片和相簿中的圖片是的視覺回饋動畫效果。你可以選擇「放大」、"白色透明遮罩「 或」黑色透明遮罩「 作為動畫效果。

 

以下是」放大「 在滑鼠懸停於相簿圖片的效果:

 

zoom-in-gallery.gif

 

你需要預覽才能看到你設定的動畫效果。結束編輯後,別忘了發布你的網站使你的動畫效果上線!

 

注意:為了給部落格的讀者更安靜的閱讀體驗,動畫效果不會顯示在部落格文章頁面。

 

如有任何疑問,請隨時與我們聯繫:support@strikingly.com   。
你也可以聯絡我們7/24 的線上聊天客服(僅限英文,中文客服服務時間為:週一至週五,早上9點至晚上9點,UTC+8)。

還有其他問題?提交請求