sform: scaleX(0);
      transition: transform .5s;
    }
    ul li a::before {
      top: 0;
      left: 0;
      transform-origin: right;
    }
    ul li a::after {
      bottom: 0;
      right: 0;
      transform-origin: left;
    }
    ul li a:hover::before,
    ul li a:hover::after {
      transform: scaleX(1);
    }

    ul li a:hover::before {
      transform-origin: left;
    }
    ul li a:hover::after {
      transform-origin: right;
    }
  </style>
</head>
<body>
  <div class="container">
    <ul>