Throbber direction?

Add-ons for Pale Moon and other applications
General discussion, compatibility, contributed extensions, themes, plugins, and more.

Moderators: FranklinDM, Lootyhoof

petrus

Throbber direction?

Unread post by petrus » 2017-01-12, 17:15

Instead of the green loading.png circle, i thought why not just reuse connection.png but rotating clockwise:

.tab-throbber[progress] {list-style-image: url("resource:///chrome/browser/skin/classic/browser/tabbrowser/connecting.png"); animation-direction: reverse; }

It does replace the image, but the animation direction isn't changed, any ideas? Thanks

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 35602
Joined: 2011-08-28, 17:27
Location: Motala, SE
Contact:

Re: Throbber direction?

Unread post by Moonchild » 2017-01-13, 03:06

You can't reverse a non-css animation with a css keyword. It only applies to css animations/transitions.
"Sometimes, the best way to get what you want is to be a good person." -- Louis Rossmann
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

petrus

Re: Throbber direction?

Unread post by petrus » 2017-01-14, 17:58

I ended up reversing it in Adobe ImageReady, it has a nice "Reverse Frames" function (animation/top right), select all frames, click this, and it play backwards.

Locked