相关疑难解决方法(0)

CSS3动画无法在safari中运行

我有一些CSS3动画在所有支持CSS3的浏览器中都能完美运行,除了safari.怪不是吗?好的,这是我的代码:

HTML

<div class="right">
    <div class="key-arm"><img src="images/landing/key-arm.png" alt="arm" /></div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.landing .board .right {
    width: 291px;
    height: 279px;
    background: url('../images/landing/key-pnl.png');
    bottom: 16px;
    right: 250px;
    position: absolute;
}
.landing .board .right .key-arm {
    position: absolute;
    left: 44px;
    top: 18px;
    width: 41px;
    height: 120px;
}



/*=== Key Arm Animation ===*/
@-webkit-keyframes keyarm {
    0% { -webkit-transform: rotate(0deg); }
    5% { -webkit-transform: rotate(-14deg); }
    10% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes keyarm {
    0% { -moz-transform: rotate(0deg); }
    5% { -moz-transform: rotate(-14deg); …
Run Code Online (Sandbox Code Playgroud)

safari css3 css-animations

25
推荐指数
3
解决办法
9万
查看次数

标签 统计

css-animations ×1

css3 ×1

safari ×1