展開從左側的CSS

Question

我已創建我在哪裏元件之前在這樣的關鍵幀擴大動畫寬度，

.expertise_item:hover::before{ 
    opacity:1; 
    -webkit-animation:widthanimationexperties 3s cubic-bezier(0, 0, 0.72, 0.79); 
    -webkit-animation-iteration-count: 1; 
} 
@-webkit-keyframes widthanimationexperties { 
    0% { max-width:0;} 
    50% { max-width:150px; } 
    100% { max-width:300px;} 
} 

我有偶奇情況和我有翻轉甚至。

.expertise_item:nth-child(even)::before{ 
    bottom: -33px; 
    left: -134px; 
    -moz-transform: scaleX(-1); 
    -o-transform: scaleX(-1); 
    -webkit-transform: scaleX(-1); 
    transform: scaleX(-1); 
    filter: FlipH; 
    -ms-filter: "FlipH"; 
} 

問：我如何從左側展開div，而不是右側展開div甚至是elevemnt。

Answer 1

你可以花費html元素在CSS把

margin-left: -134px; 

Answer 2

也許你可以使用animation使從左側

See the fiddle