Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
<!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
.box2:hover{ -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }මෙහෙම කරලා බලන්න
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