<!DOCTYPE html>
<html lang=”en”>
<head>
<style>
.box1{
width:400px;
height:400px;
background-color:hsla(200,100%,20%);
}
.box2{
width:50%;
height:50%;
background-color:red;
}
.box2:hover{
transform: translateX(100%);
}
</style>
<title>Document</title>
</head>
<body>
<div class=”box1″>
<div class=”box2″></div>
</div>
</body>
</html>
oka hama browser ekema wada karanne oya widihata thama.
oya oni mona wage box ekak design karannada
මෙහෙම කරලා බලන්න
some time hober klama div eka move wenawane e moce weddi div eka mouse hober eken eiyata ynawanw anna e weawta aapahu div eke original place ekata enawa athi.okata hoda example tikk w3school eke thiyenawa