MyBB Community Forums

It's still just displaying the color. hmmm.

Here you go. It still uses a background img, but its only for particle effects.

.owner {
    -webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
    -webkit-animation-name: bounce_owner;
    -moz-animation-name: bounce_owner;
	-o-animation-name: bounce_owner;
	animation-name: bounce_owner;
    color: #FFFFFF;
    font-family: Museo;
    font-weight: bold;
    line-height: 1em;
    text-shadow: 0 0 10px #FF00DE;
}

@-moz-keyframes bounce_owner {
0% {
    text-shadow: 0 0 12px #FF15BE, 0 0 16px #FF15BE;
}
50% {
    background: url("http://files.enjin.com/39829/images/particle.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-shadow: 0 0 12px #FFFFFF, 0 0 16px #FFFFFF;
}
100% {
    text-shadow: 0 0 12px #C300C9, 0 0 16px #C300C9;
}

@-webkit-keyframes bounce_owner {
0% {
    text-shadow: 0 0 12px #FF15BE, 0 0 16px #FF15BE;
}
50% {
    background: url("http://files.enjin.com/39829/images/particle.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-shadow: 0 0 12px #FFFFFF, 0 0 16px #FFFFFF;
}
100% {
    text-shadow: 0 0 12px #C300C9, 0 0 16px #C300C9;
}

@-o-keyframes bounce_owner {
0% {
    text-shadow: 0 0 12px #FF15BE, 0 0 16px #FF15BE;
}
50% {
    background: url("http://files.enjin.com/39829/images/particle.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-shadow: 0 0 12px #FFFFFF, 0 0 16px #FFFFFF;
}
100% {
    text-shadow: 0 0 12px #C300C9, 0 0 16px #C300C9;
}

I know you worked really hard on this, which is why I regret to say this.. but it still doesn't work. It displays only the color still

That is really weird, its working fine on my end. Let me test some more.

Ok, thanks for helping me buddy

---

It works fine on my windows computer, on firefox. i'm checking it on firefox on linux

---

it works on firefox on linux. Means it a google chrome thing

Ok, I found the problem. i forgot to add the normal keyframes and I also forgot the trailing }.

.owner {
    -webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
    -webkit-animation-name: bounce_owner;
    -moz-animation-name: bounce_owner;
	-o-animation-name: bounce_owner;
	animation-name: bounce_owner;
    color: #000;
    font-family: Museo;
    font-weight: bold;
    line-height: 1em;
    text-shadow: 0 0 10px #FF00DE;
}

keyframes bounce_owner {
0% {text-shadow: 0 0 12px #FF15BE, 0 0 16px #FF15BE;}
50% {background: url("http://files.enjin.com/39829/images/particle.gif") repeat scroll 0 0 rgba(0, 0, 0, 0); text-shadow: 0 0 12px #FFFFFF, 0 0 16px #FFFFFF;}
100% {text-shadow: 0 0 12px #C300C9, 0 0 16px #C300C9;}
}

@-moz-keyframes bounce_owner {
0% {text-shadow: 0 0 12px #FF15BE, 0 0 16px #FF15BE;}
50% {background: url("http://files.enjin.com/39829/images/particle.gif") repeat scroll 0 0 rgba(0, 0, 0, 0); text-shadow: 0 0 12px #FFFFFF, 0 0 16px #FFFFFF;}
100% {text-shadow: 0 0 12px #C300C9, 0 0 16px #C300C9;}
}

@-webkit-keyframes bounce_owner {
0% {text-shadow: 0 0 12px #FF15BE, 0 0 16px #FF15BE;}
50% {background: url("http://files.enjin.com/39829/images/particle.gif") repeat scroll 0 0 rgba(0, 0, 0, 0); text-shadow: 0 0 12px #FFFFFF, 0 0 16px #FFFFFF;}
100% {text-shadow: 0 0 12px #C300C9, 0 0 16px #C300C9;}
}

@-o-keyframes bounce_owner {
0% {text-shadow: 0 0 12px #FF15BE, 0 0 16px #FF15BE;}
50% {background: url("http://files.enjin.com/39829/images/particle.gif") repeat scroll 0 0 rgba(0, 0, 0, 0); text-shadow: 0 0 12px #FFFFFF, 0 0 16px #FFFFFF;}
100% {text-shadow: 0 0 12px #C300C9, 0 0 16px #C300C9;}
}

thank you very much! it worked!