从左侧css扩展宽度

时间:2017-08-24 06:18:20

标签: html css

我创建了一个动画,我在这个关键帧中的元素之前扩展,像这样,

.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";
}

Q值。我如何从左侧扩展div而不是右侧甚至是elevemnt。

2 个答案:

答案 0 :(得分:0)

你可以在css put中消耗html元素

{{1}}

答案 1 :(得分:0)

也许您可以使用animation从左侧获得增长效果

See the fiddle