Mbif's Text and Effects - Animated Deluxe Mouseovers

Click here to return to the main page of mbif.net, your source for backgrounds and so much more.

Basics

Basic HTML Help

Color Charts

Safe Color Chart

Big Color Chart

Deluxe Mouseovers

Animated

Non-Animated

Simple

Text Alterations

Change Text Color

Selected Text FX

Whole-Page FX

Text Mouseovers

Animated

Non-Animated

Simple

Tables

All Tables

v2 Subeta Lookups

Basics

Fancy Headers

X-tra Effects

HTML Effects

CSS Effects

Search Text & FX

These codes will produce animated "mouseover" effects. This means that if someone hovers their mouse over a text link or linked image on your page, an animated background will appear behind it.

Please note that this will also fade the linking image; this is so that the animation can show through. Don't forget to change the text color of the mouseover by replacing the question marks with a hex color code!

All mouseover effects are CSS only and may not work outside of Internet Explorer.

BLUE WATER
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/animatedwater.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

BLUE RIPPLES
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/blueripples.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

CANDY CANE STRIPES
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/candycane.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

FIRE
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/aniflame2.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

FIREWORKS
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/fireworksboom.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

FLASHING JACK-O-LANTERNS
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/3dpumpkinmoani.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

GLITTERING HEARTS
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/glithearts.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

GLITTERING U.S. FLAG
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/ariflagover.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

GREEN AND BLACK
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/greenslide.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

GREEN WAVES
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/greenwaves.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

HOLIDAY GARLAND WITH LIGHTS
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/firlights.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

HOLIDAY LIGHTS
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/xmaslights.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

INTERNATIONAL FLAGS
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/international.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

LIGHTNING (ELECTRIC)
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/lightningline.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

LIGHTNING ON BLACK *NEW!*
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/lightningblack.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

ORANGE STARS
Copyright Michelle Bederka
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/orangeglitteralt.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

PASTEL SPARKLES
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/smallpasteltwinkle.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

PASTEL RAINBOW TWINKLES
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/twinklies.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

RAIN ON BLACK
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/darkrain.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

RAINBOW ON BLACK
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/nightbow.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

RED HEARTS
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/lovemo.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

RED WHITE AND BLUE STARS
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/redwhiteblue.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

SILVER SPARKLES
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/ubersparkle.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

SPINNNING SHAMROCKS
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/shamrockmo.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

STARBURST ON BLACK
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/spinstar.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

STARS ON BLACK
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/movingstars.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

VIBRANT RAINBOW
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/anibow.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

WHITE SNOW ON BLACK
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/whitestarsnow.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

WHITE SNOW ON BLUE
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/fallingsnow.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

YELLOW SMILIES
<style type="text/css"> a:hover, a:hover img{color: #??????; background: url(http://www.mbif.net/backgrounds/yellowsmiles.gif); filter:alpha(finishopacity=0, style=2);} </style> <CENTER><p><IMG SRC="http://www.mbif.net/banners/mobannerette.gif"><p></CENTER>

|| Instructions || FAQ || Deadbeats || Awards || About Us || Privacy Policy || Contact Us || Links || Link to Us || Make a Donation ||
|| Bookmark This Page || Take Our Survey ||

Copyright � 2001-2008 Michelle Bederka & mbif.net
Subeta copyright � 2004-2008 Keith Kurson
Use of this site signifies acceptance of the Terms & Conditions.