Skip to content
Snippets Groups Projects
Commit 3fd59c82 authored by Nour, Arezou's avatar Nour, Arezou
Browse files

Upload New File

parent 25730a08
Branches
No related tags found
No related merge requests found
*{
padding: 0;
margin: 0;
}
.light{
width: 150px;
height: 300px;
background-color: black;
margin: 50px auto;
padding:20px;
box-sizing: border-box;
.red{
width: 50px;
height: 50px;
background-color:red;
margin: 10px auto;
border-radius: 50px;
opacity: 0.1;
transition: 300ms;
transition-delay: 1s;
}
.yellow{
width: 50px;
height: 50px;
background-color:yellow;
margin: 10px auto;
border-radius: 50px;
opacity: 0.1;
transition: 300ms;
transition-delay: 2s;
}
.green{
width: 50px;
height: 50px;
background-color: green;
margin: 10px auto;
border-radius: 50px;
opacity: 0.1;
transition: 300ms;
transition-delay: 3s;
}
&:active .red{
opacity: 1;
}
&:active .yellow{
opacity: 1;
}
&:active .green{
opacity: 1;
}
&:active .red{
opacity: 1;
}
&:hover .yellow{
opacity: 1;
}
&:hover .green{
opacity: 1;
}
&:hover .red{
opacity: 1;
}
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment