51CTO學(xué)院是一家知名的在線教育平臺,提供各種計算機技能的培訓(xùn)課程。其中,CSS動畫是開發(fā)者較為關(guān)注的一類課程。
//CSS動畫 @keyframes slidein{ from{left:-100%;} to{left:0%;} } .slide{ animation:slidein 2s ease-in-out; }
CSS動畫可以讓網(wǎng)頁變得更加生動、有趣,且不會影響用戶的加載速度。上述代碼中,我們定義了一個名為slidein的動畫,將元素從左邊滑入。使用.slide這個類名,即可將該動畫應(yīng)用于具有該類名的元素上。
在51CTO學(xué)院的CSS動畫課程中,除了講解如何編寫動畫效果,還有實戰(zhàn)示例和常見問題的解決方案等實用內(nèi)容。因此,有志于提高網(wǎng)頁設(shè)計技能的開發(fā)者不妨到51CTO學(xué)院尋找一下自己的CSS動畫提升方案。
上一篇45道css面試真題