Just copy the code and paste to create a window in html and css

By  at August 09, 2019    
Just copy the code and paste in where you want to create the windows.

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="description" content="Free Web tutorials">
  <meta name="keywords" content="HTML,CSS,XML,JavaScript">
  <meta name="Mustak" content="">
<title>Naika in window</title>

<style type="text/css">

.naika{
background-color: red;
width: 300px;
height: 250px;
margin: 10px auto;
position: relative;

}



.naika:before {
width: 150px;
height: 250px;
background: green;
content: '';
display: block;
clear: both;
position: absolute;
top: 0px;
left: 0px;
transition: 1s;

}
.naika:after {
width: 150px;
height: 250px;
background: green;
content: '';
display: block;
clear: both;
position: absolute;
top: 0px;
right: 0px;
transition: 1s;
}
.naika:hover:before{
left: -150px;
transform: rotateY(180deg);
background: yellow;
}
.naika:hover:after{
right: -150px;
transform: rotateY(180deg);
background: yellow;
}
p {
position: absolute;
top: 0px;
left:30px;

font-size: 40px;
color: blue;

}




</style>




</head>
<body>
<p>Open your window</p>
<div class="naika"></div>
<div class="naika"></div>

</body>
</html>
Naika in window Open your window