令人興奮的新功能發布在Pagecout:動畫!
現在,直接從編輯菜單中為網站上的對象制作動畫比以往任何時候都更容易。
想試一試嗎?
Pagecout Start允許您免費構建和發布一頁網站,包括我們所有的動畫。
今天就開始吧!
繼續閱讀,了解更多關于您可以在Pagecout網站上使用動畫的信息。
動畫的類型。
我們提供一系列動畫、動畫觸發器和其他定制。
您可以選擇進入或關注尋求動畫,什么動作觸發動畫,動畫的持續時間,等等!
要查看動畫類型的完整列表,請查看我們的動畫指南。
您可以為頁面上的任何內容設置動畫:部分、列、圖像、按鈕、文本等等!
入場動畫。
入場動畫出現在加載或滾動上。
這意味著當用戶登錄到您的頁面時,動畫將自動觸發,并且當用戶將動畫滾動到視圖中時,頁面下方的動畫也將觸發。
假設您想要將入口動畫添加到您的部分。
單擊節并導航到編輯菜單中的動畫選項卡:
接下來,選擇要應用于截面的入口動畫類型。
我們選擇了Slide In。
您可以預覽動畫,選擇橫斷面的滑動方式(左、右、上或下),并選擇動畫的延遲和持續時間:
應用動畫并保存!
現在,當用戶登錄頁面或將部分滾動到視圖中時,您的部分將滑入頁面!
上面的示例顯示了一個從頂部滑動到視圖中的橫斷面,持續時間為1秒。
尋求關注的動畫。
尋求關注的動畫旨在為您的頁面增加才華,并在您的網站上吸引用戶的注意特定元素。
與自動觸發滾動的入場動畫不同,您可以在滾動、單擊和懸停觸發器之間進行選擇。
還有更多類型的尋求注意力的動畫可供選擇,包括最喜歡的動畫,如褪色、脈搏和搖動。
單擊要設置動畫的對象,然后導航到編輯菜單中的動畫選項卡。
向下滾動到入口動畫,查看可用尋求關注的動畫列表:
選擇您的動畫并自定義觸發器、延遲和持續時間。
您也可以在編輯菜單中預覽動畫。
應用您的注意力尋求動畫和保存!
使用鼠標懸停時的Pulse動畫,您可以將此效果應用于您的圖像或頁面上的其他對象:
動畫和頁面性能。
有17種動畫類型,并能夠使頁面上的任何內容動畫化,您可以輕松地創建看起來定制和專業的效果。
然而,重要的是保持你的動畫微妙,并避免使用太多的動畫,這可能會降低你的網站的整體可用性。
注意:太多令人分心的動畫會對你網站的可訪問性產生負面影響,并可能影響你的搜索引擎優化。
最佳實踐是讓你的動畫保持簡單,并在你的移動網站上測試你的動畫。
欲了解更多關于搜索引擎優化的信息,請查看我們的完整指南。
動畫黑客!
有了覆蓋您的內容的能力,您可以創建一些令人驚嘆的動畫效果!
例如,使用淡出動畫,您可以疊加圖像以在懸停時顯示不同的圖像或文本!
對于上面的示例,我們使用設計工具創建了一個帶有文本的圖像,然后將奶昔圖像拖動到文本的頂部。
然后我們使用淡出、懸停來設置奶昔圖像的動畫。
我們迫不及待地想看看你用你的動畫創作了什么!
今天就開始吧,讓我們知道你的想法!