Css3 uses
<html><head><style type="text/css">div{width:100px;height:100px;background:pink;animation: one 10s;-webkit-animation:one 10s; /* Safari and Chrome */-moz-animation:one 10s; /* Firefox */} @keyframes one{0% {background:red;}25% {background:gray;}50% {background:orange;}100% {background:white;}} @-moz-keyframes one /* For Mozilla Firefox */{0% {background:red;}25% {background:gray;}50% {background:orange;}100% {background:white;}} @-webkit-keyframes one /* Safari and Google Chrome */{0% {background:red;}25% {background:gray;}50% {background:orange;}100% {background:white;}}</style></head><body> <p><b>Note:</b>My Name is Mahak Gupta </p>
@keyframes one{0% {background:red;}25% {background:gray;}50% {background:orange;}100% {background:white;}}
@-moz-keyframes one /* For Mozilla Firefox */{0% {background:red;}25% {background:gray;}50% {background:orange;}100% {background:white;}} @-webkit-keyframes one /* Safari and Google Chrome */{0% {background:red;}25% {background:gray;}50% {background:orange;}100% {background:white;}}</style></head><body>
<div></div>
</body></html>
You need to be a premium member to use this feature. To access it, you'll have to upgrade your membership.
Become a sharper developer and jumpstart your career.
$0
$
. 00
monthly
For Basic members:
$20
For Premium members:
$45
For Elite members: