<del id="kmqwi"><b id="kmqwi"></b></del>
      <track id="kmqwi"><del id="kmqwi"></del></track>
    1. <table id="kmqwi"></table>
      <acronym id="kmqwi"><strong id="kmqwi"></strong></acronym>
    2. 
      
      <p id="kmqwi"><strong id="kmqwi"></strong></p>
    3. 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 - 用心與你溝通

      亚洲图色