Question

我正在试图找出关键帧动画，并且这样做，我想要合并多张图片。例如，每增加10％，我会想要更改图像以显示正在运行的人。

我尝试在我的演示中添加background-img，但根本不会显示图像。我搜索了这个，但我发现的唯一结果是从2013年开始，他们说当时不可能，但我认为三年后这可能已经改变了。

如果无法做到这一点，您会建议我每10％左右更换一次图片吗？

这是我到目前为止所尝试的内容：

＆＃13;

div {
    width: 100px;
    height: 100px;
    background-image: url("http://optimumwebdesigns.com/images/brain.jpg");
    position: relative;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 3; /* Chrome, Safari, Opera */
    -webkit-animation-direction: normal; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 10s;
    animation-iteration-count: 3;
    animation-direction: normal;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {background-color:red; left:0px; top:0px;}
    25%  {background-color:yellow; left:500px; top:0px;}
    50%  {background-color:blue; left:500px; top:200px;}
    75%  {background-color:green; left:0px; top:200px;}
    100% {background-color:red; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color:red; left:0px; top:0px;}
    25%  {background-color:yellow; left:500px; top:0px;}
    50%  {background-color:blue; left:500px; top:200px;}
    75%  {background-color:green; left:0px; top:200px;}
    100% {background-color:red; left:0px; top:0px;}
}

＆＃13;

<div></div>

＆＃13;

Answer 1

添加self.splitViewController.preferredDisplayMode = UISplitViewControllerDisplayModePrimaryHidden;

background-size

https://jsfiddle.net/bu7tgz5y/

在关键帧中获取background-img

1 个答案: