Я пытался отобразить анимацию на фоне файлового менеджера Nemo (3.8.6).Я использую значение 'steps' свойств анимации CSS.Мой Nemo работает на Xubuntu 18.04.2 LTS с базовой темой Greybird.Я хочу воссоздать gif-подобную анимацию.Я делаю это с помощью таблицы спрайтов.
Вот что я пробовал:
1) установил в ~ / .themes копию папки / usr / share / themes / GreyBird
2) поместил таблицу спрайтов (названную spritestrip.png) в папку ~ / .themes / GreyBird / gtk-3.0 / assets / (я скачал ее по этому адресу:
https://cdn.codeandweb.com/blog/2016/05/10/how-to-create-a-sprite-sheet/spritestrip.png)
3) добавил следующие строки кода в конец файла ~ / .themes / GreyBird / gtk-3.0 / gtk-contains.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