Se podrá hacer con CSS?

[Megcapkill]

Mmm ahí lo estuve mirando, pero no entendí demasiado, lo miraré con más profundidad.

Intenté hacer algo con cambio de imágenes. Puse la imagen quieta y al hacer rollover lo cambiaba por un gif que hacia el movimiento de la barras y su cambio de color (no se xq en el gif se ve muy entrecortado)

Lo que me mató fue que el color del texto cambia después de un cierto tiempo de iniciado el gif, y bueno me enroqué y nada bueno ocurrió luego. Les dejo el código que intenté (con javascript):

Código Javascript:

<script>
    function colorear(src, colorActual) {
        src.style.color=colorActual;
    }
    function hover(src, colorActual) {
        src.style.background="url(img/menu2.png)";
        colorear(src, colorActual);
    }
    function hout(src, colorActual) {
        src.style.background="url(img/menu1.png)";
        colorear(src, colorActual);
    }
</script>
 

Y lo llamo con:

Código HTML:

<div class="barra">
                <ul>
 
<?php
    $sec_select="SELECT SEC_ID, SEC_nombre, SEC_orden FROM SECCION WHERE SEC_catID='" . $categoriaActual . "' ORDER BY SEC_orden";
    $sec_result = mysql_query($sec_select) or die(mysql_error());
    while ($sec = mysql_fetch_array($sec_result, MYSQL_BOTH)) {
        $nombreSeccion = strtoupper($sec["SEC_nombre"]);
        if ($sec["SEC_ID"] == $seccionActual) {
            ?> <li style="background:url(img/menu1.png); background-repeat:no-repeat"> <?php echo $nombreSeccion . "</li>";
        } else {
            ?> <li style="background:url(img/menu1.png); background-repeat:no-repeat"><a href="javascript:avanzar(<?php echo $categoriaActual; ?>,<?php echo $sec["SEC_ID"]; ?>,1)" onmouseover="hover(this,'red')" onmouseout="hout(this,'black')"><?php echo $nombreSeccion; ?></a></li> <?php
        } 
    } ?>
    
                </ul>
            </div>
 

Y el CSS:

Código CSS:

.barra ul {
padding-left: 0;
margin-left: 0;
float: center;
width: 100%;
font-family: Tahoma, arial;
}
 
.barra ul li {
display: inline;
}
 

O sea, las barritas de la animación son las mismas para todos los botones, lo que cambia es el texto de uno a otro. Por eso tengo que independizar ambas partes es la animación. Eso es lo que me está llevando a mis problemas :(

Muchas gracias a todos!!