  width: 100%;
    }

    .php-4::after {
      background: #fff;
      height: 100%;
      left: 0;
      top: 0;
      width: 100%;
    }

    .php-4:hover:after {
      height: 0;
      left: 50%;
      top: 50%;
      width: 0;
    }

    .php-5 {
      overflow: hidden;
    }

    .php-5::after {
      height: 100%;
      left: -35%;
      top: 0;
      transform: skew(50deg);
      transition-duration: 0.6s;
      transform-origin: top left;
      width: 0;
    }

    .php-5:hover:after {
      height