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