CSS3動畫是一種旨在為Web網頁帶來更生動、更具吸引力的視覺效果的技術。其中，從左飄逸的動畫效果是其中的一種常見的動畫效果，下面來介紹一下如何實現該效果。

.left-effect {
animation: left-paview 2s ease-in-out;
animation-fill-mode: both;
}
@keyframes left-paview {
from {
transform: translateX(-500px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}

上述代碼首先定義了一個CSS類名為“left-effect”，該類名將用于觸發從左飄逸的動畫效果。接著，利用CSS3提供的“@keyframes”關鍵字和“transform”和“opacity”屬性定義了動畫效果的起點和終點。

在動畫的起點，將元素平移左側500個像素，并將不透明度設置為0。在動畫的終點，將元素平移回原位置，并將不透明度設置為1，從而呈現出一個從左側飄逸進來的效果。

最后，在CSS類名“left-effect”中添加了“animation”和“animation-fill-mode”兩個屬性，分別指定了該動畫所使用的關鍵幀和動畫效果的填充模式，使得動畫效果可以在網頁中實現。