Software Animation
Rajeev Ranjan Tiwari
दोस्तो आज हम जानेंगे कि इंटरनेट के दुनियां में आप कैसे कीसी भी वेब पेज पर page color Animation बना सकते है लेकिन इसे बनाने के लिए आपको css , HTML , javascript , jQuery आना चाहिए इसके अन्दर हम tag के मदद से ओर function के अन्दर काम करना सीखेंगे तो दिखते हैं कि यह कैसे काम करता है और इस code को केसे लीख सकते है
(1)
<html>
<head>
<title>bgcolor</title>
<script>
function changeBodyBg(color){
document.body.style.background = color;
}
</script>
</head>
<body>
<hr>
<div>
<button type="button" onclick="changeBodyBg('yellow');">Yellow</button>
<button type="button" onclick="changeBodyBg('lime');">Lime</button>
<button type="button" onclick="changeBodyBg('orange');">Orange</button>
</div>
</body>
</html>
(2)
<html>
<head>
<style>
div {
width: 100px;
height: 100px;
background: red;
position: relative;
animation: myfirst 5s 2;
animation-direction: alternate;
}
@keyframes myfirst {
0% {background: red; left: 0px; top: 0px;}
25% {background: yellow; left: 200px; top: 0px;}
50% {background: blue; left: 200px; top: 200px;}
75% {background: green; left: 0px; top: 200px;}
100% {background: red; left: 0px; top: 0px;}
}
</style>
</head>
<body>
<div></div>
</body>
</html>
Comments
Post a Comment