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
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
Empire of Sports Europe
Would you like to react to this message? Create an account in a few clicks or log in to continue.


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

Empire of Sports Europe :: HTML/CSSShare

1pɔɹɐsɥǝɹ

 

 Color changer of container

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


Color changer of container Empty
PostSubject: Color changer of container   Color changer of container EmptySat 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
Jo_Oker
Administrator
Administrator
Jo_Oker


Color changer of container Empty
PostSubject: Re: Color changer of container   Color changer of container EmptySat 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
 

Color changer of container

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

 Similar topics

-
» Color changer and moving
» container rotation
» Width increaser of container

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