从左侧 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 以获得更高的提升。

Answer 1

你可以在 css put 中扩展 html 元素

margin-left: -134px;

Answer 2

也许您可以使用animation从左侧产生越来越大的效果

看小提琴