添加動畫效果

你現在可以通過添加網站動畫來使你的網站更加生動了!

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

 

頁面滾動

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

 

slide-in-sxl.gif

 

背景動畫

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

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

 

parallax-sxl.gif

 

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

fixed-sxl.gif

注意:

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

 

 

超鏈接圖片滑鼠懸停效果

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

 

以下是”放大“在滑鼠懸停於相冊圖片的效果

 

zoomin-gallery-sxl.gif

 

以下是”放大“在滑鼠懸停於其他版塊中超鏈接圖片的效果

 

zoomin-other-sxl.gif

 

以下是"白色透明遮罩“在滑鼠懸停於超鏈接圖片和相冊圖片的效果

 

light-overlay-sxl.gif

 

以下是"黑色透明遮罩“在滑鼠懸停於超鏈接圖片和相冊圖片的效果

 

dark-overlay-sxl.gif

 

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

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

 

如果有任何疑問,請隨時連絡我們:support@strikingly.com  。

你也可以透過 即時聊天客服 連絡我們
英文服務時間為:周一至周日,全天(需先改變系統語言至英文)。
中文服務時間為:周一至周五,早上9點至晚上9點(GMT+8)。

還有其他問題?提交請求