Empire of Sports Europe
▓░░▓░░░▓░░▓▓▓░▓░░░▓▓▓░▓▓▓▓▓░░▓▓░░░▓▓░░▓▓▓░░░░░░
▓░▓░▓░░▓░░▓░░░▓░░░▓░░░▓░░░▓░░▓░▓░▓░▓░░▓░░░░░░░░
▓▓░░░▓░▓░░▓▓░░▓░░░▓░░░▓░░░▓░░▓░░▓░░▓░░▓▓▓░░░░░░
▓░░░░░▓▓░░▓░░░▓░░░▓░░░▓░░░▓░░▓░░░░░▓░░▓░░░░░░░░
▓░░░░░░▓░░▓▓▓░▓▓▓░▓▓▓░▓▓▓▓▓░░▓░░░░░▓░░▓▓▓░░░░░░
Hello and welcome to EOS-EU - First English Speaking Fansite of Empire of Sports!
Register to obtain full access to the website.
We hope you will enjoy the portal.

EOS-EU Team


Welcome to the first English Speaking Community FanSite of Empire of Sports :)
 
HomePortalCalendarGalleryFAQSearchMemberlistUsergroupsHOMEPORTALFORUMLog inRegister

Share | 

1pɔɹɐsɥǝɹ


 

 Color changer of container

View previous topic View next topic Go down 
AuthorMessage
Jo_Oker
Administrator
Administrator
avatar


PostSubject: Color changer of container   Sat Jan 26, 2013 9:05 pm

Code:
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:black;
animation:myfirst 5s;
-moz-animation:myfirst 5s;
-webkit-animation:myfirst 5s;
-o-animation:myfirst 5s;
}

@keyframes myfirst
{
from {background:black;}
to {background:green;}
}

@-moz-keyframes myfirst
{
from {background:black;}
to {background:green;}
}

@-webkit-keyframes myfirst
{
from {background:black;}
to {background:green;}
}

@-o-keyframes myfirst
{
from {background:black;}
to {background:green;}
}
</style>
</head>
<body>
<div></div>
</body>
</html>
Back to top Go down
View user profile
Jo_Oker
Administrator
Administrator
avatar


PostSubject: Re: Color changer of container   Sat Jan 26, 2013 9:06 pm

Code:
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:red;
animation:myfirst 5s;
-moz-animation:myfirst 5s;
-webkit-animation:myfirst 5s;
-o-animation:myfirst 5s;
}

@keyframes myfirst
{
0%  {background:red;}
25%  {background:yellow;}
50%  {background:blue;}
100% {background:green;}
}

@-moz-keyframes myfirst
{
0%  {background:red;}
25%  {background:yellow;}
50%  {background:blue;}
100% {background:green;}
}

@-webkit-keyframes myfirst
{
0%  {background:red;}
25%  {background:yellow;}
50%  {background:blue;}
100% {background:green;}
}

@-o-keyframes myfirst
{
0%  {background:red;}
25%  {background:yellow;}
50%  {background:blue;}
100% {background:green;}
}
</style>
</head>
<body>
<div></div>
</body>
</html>
Back to top Go down
View user profile
 

Color changer of container

View previous topic View next topic Back to top 
Page 1 of 1

 Similar topics

-
» The morning after pill is green in color
» HuDpobIQ (Mt. Dew) Floats, which color/flavor works best?
» Wait, what's with the color
» VETERANS color?
» bill changer machine..?

Permissions in this forum:You cannot reply to topics in this forum
Empire of Sports Europe :: HTML/CSS-