Question

我一直试图在Nemo（3.8.6）文件管理器的背景中显示动画。我正在使用CSS动画属性的“ steps”值。我的Nemo在带有基本Greybird主题的Xubuntu 18.04.2 LTS上运行。我想重新创建一个类似gif的动画。我使用Spritesheet来做到这一点。

这是我尝试过的：

1）在〜/ .themes中安装了/ usr / share / themes / GreyBird文件夹的副本

2）在〜/ .themes / GreyBird / gtk-3.0 / assets /文件夹中放置了一个spritesheet（名为spritestrip.png）（我在以下地址下载了它：
https://cdn.codeandweb.com/blog/2016/05/10/how-to-create-a-sprite-sheet/spritestrip.png ）

3）在文件〜/ .themes / GreyBird / gtk-3.0 / gtk-contained.css的末尾添加了以下代码行

/***************************************
 * NEMO RunningGirl as background animation*
 ***************************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
display: block;
width: calc(1536px/6);
height: 256px;
background: url("assets/spritestrip.png") no-repeat;
animation: animate 1s steps(6) infinite;
}

@keyframes animate {
from { background-position: 0; }
to { background-position: -1536px; }
}

问题是：虽然确实显示了动画，但其中并排有几个…… 谁能帮我解决这个问题？谢谢！

这里是直接链接，可查看有问题的动画背景： http://www.k-upload.fr/afficher-image-2019-04-07-10e9cc0ffrunninggirl.gif.html

我的CSS动画一次显示所有帧，而不是一次显示

0 个答案: