基礎設定篇

motion

你的 Elementor !

3 個設定秘訣,讓你的網頁伸縮自在

MOTION 大躍進   簡單操作即刻上手

Elementor Pro v2.5 釋出了 Motion Effects 功能,此更新功能可以說是非常的強大!只要透過簡單的設定即可創造出滾動視差及滑鼠特效等效果,以下將列舉 3 個秘訣,讓大家了解 Motion Effects 的基礎設定。

Elementor Pro v2.5 新增了以下功能:

  • Vertical Scroll (即傳統的滾動視差)
  • Horizontal Scroll
  • Transparency
  • Blur
  • Rotate
  • Scale
  • Mouse Track
  • 3D Tilt

設定滿版頁面,
整個網頁都是你的伸展台

滿版頁面 ( Full Width Page ) 模式,可以讓欄位不受方框範圍拘束,讓畫面產生延伸性與空間感。

編輯 段

佈局
拉伸段:開啟
內容寬度:全寬
欄間距:沒有間距

使用 Custom Positioning
打破框架不受拘束

Custom Positioning 讓物件可以自行定義所在位置,設定同時需要注意在不同裝置的呈現效果如何並調整。

編輯 物件

進階 / Custom Positioning
寬度:自訂
位置:Absolute

使用相對單位,
讓你的物件變換自如

相對單位如 (%、VW、VH) ,可以依照螢幕視窗調整大小及位置,而 PX 為絕對尺寸,較不利於響應式設計。

編輯 物件

進階 / Custom Positioning
Horizontal Orientation Offset:% / VW / VH
Vertical Orientation Offset:% / VW / VH

跟著網頁動次動   創造視覺新體驗

隨著數位科技的發達,網頁不能只是保持著靜態、平面的呈現。 Elementor 實現了這個夢想,即使不懂得使用程式碼,也可以製作出互動式網站 (interactive websites),創造出更好的視覺體驗!

想了解更多嗎? 現在就開始訂閱吧!

接受平面設計、網頁設計、Logo 標準字、名片、海報等設計,歡迎來信:hend7706@gmail.com
© 2019 All rights Reserved. Design by Hend Design
Scroll to Top