Throbber direction?

Anything about browser themes, both Full Themes and Lightweight Themes (personas) should go here.

Moderators: satrow, FranklinDM, Lootyhoof

User avatar
petrus
Fanatic
Fanatic
Posts: 137
Joined: Wed, 04 Dec 2013, 19:41

Throbber direction?

Unread postby petrus » Thu, 12 Jan 2017, 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: 22426
Joined: Sun, 28 Aug 2011, 17:27
Location: 58.5°N 15.5°E
Contact:

Re: Throbber direction?

Unread postby Moonchild » Fri, 13 Jan 2017, 03:06

You can't reverse a non-css animation with a css keyword. It only applies to css animations/transitions.
Improving Mozilla code: You know you're on the right track with code changes when you spend the majority of your time deleting code.

"If you want to build a better world for yourself, you have to be willing to build one for everybody." -- Coyote Osborne

User avatar
petrus
Fanatic
Fanatic
Posts: 137
Joined: Wed, 04 Dec 2013, 19:41

Re: Throbber direction?

Unread postby petrus » Sat, 14 Jan 2017, 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.


Return to “Themes”

Who is online

Users browsing this forum: No registered users and 1 guest