• ARTICLES
SEARCH

How-To Geek

Add Opening and Closing Animation to Firefox Tabs

Are you wanting to add a bit of eye candy to Firefox while browsing? Now you can enjoy animation and fading effects while opening and closing tabs using the Liquid Tabs extension.

Note: The extension creator has noted that animation may appear jerky or fail to work on some extension-heavy Firefox profiles.

Blank Tabs and Tabs with Active Content

For our first example we opened a blank tab. As you can see here our cursor is still where the new tab button was while our blank tab is “growing” into existence.

Note: The Fade in option was not activated during our tests but is very easy to activate (see Options below).

liquid-tabs-01

You can see the blank tab fading out here as it grows shorter in length. The first tab came back into focus very quickly for us as the second tab was closing.

liquid-tabs-02

For our second example we opened a tab with active content from the Context Menu. You can see the webpage title appearing as the tab “grows” into place.

liquid-tabs-03

Closing the tab once again brought our first tab back into focus very quickly as the other faded out. Liquid Tabs definitely adds a fun element to opening and closing tabs while browsing.

liquid-tabs-04

Options

The options are very easy to sort through. Just choose the desired animation speed for opening/closing tabs, enable/disable the Fade function, and set the animation quality.

Note: Tab Fade in is disabled by default. We recommend enabling it for the full fun effect.

liquid-tabs-05

Download the Liquid Tabs extension (Mozilla Add-ons)

Akemi Iwaya (Asian Angel) is our very own Firefox Fangirl who enjoys working with multiple browsers and loves 'old school' role-playing games. Visit her on Twitter and .

  • Published 08/25/10

Comments (4)

  1. Hatryst

    You gotta be kidding me… I was THINKING of this effect a couple of hours ago, and now i have it !
    Keep it up HTG :)

  2. Asian Angel

    @Hatryst – ^__^

  3. Midnight

    Not yet available for FF 4 beta4!!
    D/L it and adjust the max. version and you’re good to go!!

  4. Stueycaster

    Firefox 4.0b4 comes with the tabs animated. Actually I hate all desktop animation. I like to watch things just flash on as soon as I click them. I found out how to disable the animation. Go to “about:config”, find “browser.tabs.animate” and set it to false.

Enter Your Email Here to Get Access for Free:

Go check your email!