Skip to content
Snippets Groups Projects
Select Git revision
  • 4b669dab58ec7e1af637b161ec2303032b34fc54
  • master default protected
  • example
  • form
  • html
  • test
  • revert-1c44b2c1
  • readme
8 results

main.css

Blame
  • main.css 953 B
    
    
    .parent{
        width: 	250px;
       height: 300px;
       background-color: rgb(55, 0, 255);
       margin: 50px auto;
       transition: 300ms;
       
       .child{
        width: 150px;
        height: 150px;
        background-color: #2b2b2b;
        margin: 0 auto;
        transition: 300ms;
        
        .subchild {
            width: 70px;
            height: 70px;
            background-color: blue;
            margin: 0px auto;
            transition: 300ms;
        }
        }
    }
    .parent:hover {
        background-color: greenyellow;
        border-radius: 50px 0 50px 0;
    }
    .parent:hover .child{
        background-color: purple;
        border-radius: 0 50px 0 50px;
    }
    .parent:hover .child.subchild {
        background-color: lime;
        border-radius: 50px;
    }
    .parent .child:hover{
        background-color: black;
        border-radius: 50px 0 50px 0;
    }
    .parent .child:hover .subchild{
        border-radius: 0;
        background-color: darkcyan;
    }
    .parent .child .child.subchild:hover{
        border-radius: 50px;
        background-color: green;
    }