Hogyan tudok egy div-ben egy másik div-et mozgatni javascripttel?
<!DOCTYPE html>
<html>
<head>
<style>
#div1 {
width: 300px;
height: 200px;
background-color: yellow;
}
#div2 {
width: 100px;
height: 100px;
top: 50px;
background-color: red;
position: relative;
-moz-animation-name: example;
-moz-animation-duration: 4s;
-moz-animation-delay: 1s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-webkit-animation-name: example;
-webkit-animation-duration: 4s;
-webkit-animation-delay: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-name: example;
animation-duration: 4s;
animation-delay: 1s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@-moz-keyframes example {
0% {left:0px;}
50% {left:200px;}
100% {left:0px;}
}
@-webkit-keyframes example {
0% {left:0px;}
50% {left:200px;}
100% {left:0px;}
}
@keyframes example {
0% {left:0px;}
50% {left:200px;}
100% {left:0px;}
}
</style>
</head>
<body>
<div id="div1">
<div id="div2">
</div>
</div>
</body>
</html>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!