Somehow, my hover events do not happen simultaneously. Here are two examples where this occurs:

NavLink Hover After Code

Code:

a, a:after{
   text-shadow: 0 0 1em #000, 0 0 1em #000, 0 0 1em #000;
   text-decoration:none;
   -webkit-transition: all 0.75s;
   -moz-transition: all 0.75s;
   transition: all 0.75s;
}
a:hover, a:hover:after{
   color: #0ff;
   text-decoration: none !important;
   text-shadow: 0 0 0.1em #0FF, 0 0 0.1em #0FF, 0 0 0.1em #0FF !important;
}

a.mainmenu[href="/"] { font-size:0 !important }
a.mainmenu[href="/"]:after {
   content:"Index" !important;
   font-size:11px;
   text-shadow: 0 0 1em #000, 0 0 1em #000, 0 0 1em #000;
}

Profile Tab Hover Code

Code:

#tabs a span{
   color: #ADADAD;
   text-decoration:none;
   -webkit-transition: all 0.75s;
   -moz-transition: all 0.75s;
   transition: all 0.75s;
}
#tabs a:hover span{ background-color: #333333 }

I think it's better if you see what I'm talking about. Only "Index", "Users", and "Groups" don't follow the code simultaneously.

--Also: @Ange Tuteur, the code you provided to me works, however the time is different for the Navlinks listed above.
______________________________________________________________________________________

Forum Style: phpbb3
Forum Link: http://genocideclan.forumotion.com/

In your .onmouseout rule, add !important to the end of the text-shadow value. That should work.