用@keyframes（動畫），實現頁面加載時的div動畫（不要用js控制，因為當頁面加載的時候，js還不一定可以使用）

可以在https://daneden.github.io/animate.css/參考所需要的動畫效果

　　　　　　　div{
                opacity:0;
            }
            @keyframes fadeInLeft {
              from {
                opacity: 0;
                transform: translate3d(-100%, 0, 0);
              }
            
              to 
 
{
                opacity: 1;
                transform: translate3d(0, 0, 0);
              }
            }
            @-webkit-keyframes fadeInLeft {
              from {
                opacity: 0;
                transform: translate3d(-10%, 0, 0);
              }
            
              to {
                opacity
 
: 1;
                transform: translate3d(0, 0, 0);
              }
            }
            
            .fadeInLeft {
              animation: fadeInLeft .3s forwards;
            }

<div class="fadeInLeft">kkdkkdkdkkdkdkkdk</div>

頁面加載時的div動畫