you can see only the boxshadow that resize in my animation,i have problem when i want to resize the image and the input ,knowing the div contain all other elements . the code :
<html lang="en">
<head> <meta charset="UTF-8"> <title>miniproject.html</title>
<style type = "text/css">
.boxshadow
{
box-shadow:10px 10px 20px 1px #555;
width: 400px;
height: 180px;
background-color: gold;
border-radius: 50px;
margin-top: 200px;
}
body
{ background-color:aqua;}
/*animation*/
@keyframes anim{
0% {width: 0px;height: 0px;}
100% {transform: rotate(360deg);}
}
#animation
{position : relative;
animation-name : anim;
animation-duration: 5s;
animation-timing-function: linear;
}
</style>
</head>
<body>
<center><div class="boxshadow" id="animation">
<img src="logo.png" width="100px" heighth="100px"><br>
<table>
<tr>
<td> name :</td> <td> <input type="text"></td></tr>
<tr> <td> password :</td> <td> <input type="password"></td> </tr>
</table>
</div></center>
</body>
</html>
Aucun commentaire:
Enregistrer un commentaire