body, html {

    width: 100%;

    height: 100%;

    display: flex;

    background: #303f9f;

}

​

.g-container {

    position: relative;

    width: 400px;

    height: 300px;

    margin: auto;

    overflow: hidden;

    cursor: pointer;

    transition: clip-path .3s linear;

    clip-path: circle(20px at 44px 44px);

    background: #fff;

    &:hover {

        clip-path: circle(460px at 44px 44px);

    }

}

​

ul {

    position: absolute;

    top: 100px;

    line-height: 32px;

    padding-left: 50px;

    font-size: 18px;

    li:hover {

        color: deeppink;

    }

}