Throbber direction?

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

Moderators: satrow, Lootyhoof, FranklinDM


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
Pale Moon guru
Pale Moon guru
Posts: 23032
Joined: Sun, 28 Aug 2011, 17:27
Location: 58°2'16"N 14°58'31"E

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


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 3 guests