CSS可以讓我們的網頁變得更加豐富，其中一個特效就是打開從左滑入。這個特效可以讓頁面看起來更加生動有趣，讓用戶更愿意去瀏覽我們的網頁。

下面我們來看一下如何實現打開從左滑入的效果：

/*設置元素的初始狀態*/
.slideInLeft{
opacity: 0;/*透明度為0*/
transform: translateX(-100%);/*向左平移100%*/
}
/*設置元素進入的狀態*/
.slideInLeft.active{
opacity: 1;/*透明度為1*/
transform: translateX(0);/*不再平移*/
transition: all .5s;/*過渡時間0.5秒*/
}

可以看到，我們并沒有過多的使用復雜的動畫效果，只是利用了CSS3中的transform和transition屬性，而且代碼也十分的簡單易懂。

最后需要注意的是，我們需要在元素加載完成后再添加active類名，否則無法觸發動畫效果。