CSS3動畫類

                    在實用價值的前提之下,我們并沒有內置過多花俏的動畫。而他們同樣在 layui 的許多交互元素中,發揮著重要的作用。layui 的動畫全部采用 CSS3,因此不支持ie8和部分不支持ie9(即ie8/9無動畫)
                    使用方式

                    動畫的使用非常簡單,直接對元素賦值動畫特定的 class 類名即可。如:

                    其中 layui-anim 是必須的,后面跟著的即是不同的動畫類
                    <div class="layui-anim layui-anim-up"></div>
                     
                    循環動畫,追加:layui-anim-loop
                    <div class="layui-anim layui-anim-up layui-anim-loop"></div>
                          
                    內置CSS3動畫一覽表

                    下面是不同的動畫類名,數量可能有點少的樣子?但正如開頭所講的,拒絕冗余花俏,擁抱精簡實用。點擊下述綠色塊,可直接預覽動畫

                    結語

                    物不在多,有用則精。

                    layui - 用心與你溝通

                    亚洲图色