Андрей Федоров

попробуйте так https://codepen.io/aliencash/pen/ZKBNbJ

div {
  background-image: linear-gradient(90deg, white, transparent 50%, white);
}

codepen.io/aliencash/pen/EWBRRq

codepen.io/aliencash/pen/zZLyMa

Ну у вас же есть пример. Смотрите как там сделано... Ах да, там же js... )
Ладно, тогда типа того:
codepen.io/aliencash/pen/BWJeLE

codepen.io/aliencash/pen/evybNo

Да вы издеваетесь!
1. codepen.io/aliencash/pen/oZwoRq?editors=1100
2. codepen.io/aliencash/pen/jBwYEb?editors=1100

Получится только для статических сайтов. Только захватить освобождающийся домен сложно. После того как срок закончится регистратор обычно регистрирует домен на себя и выставляет его на аукцион. Т.е. как минимум через год домен можно будет зарегистрировать на себя по стандартной цене.

без скриптов
codepen.io/aliencash/pen/vxxWRb?editors=1100

codepen.io/aliencash/pen/WpRbGd

Можно с помощью атрибута pattern для input и регулярного изображения. Только учтите, что в случае атаки на форму, будут атаковать серверный скрипт, и валидация на стороне клиента уже не будет работать, даже если это js.

Ниже привожу регулярку только примерно. По точнее сами придумайте, согласно вашим условиям.

<input class="btn-input order-count" type="text" pattern="[1-9]\d{2}">

Вам нужно давать стили видимости не только при наведении на исходный блок но и при наведении на появляющийся блок - codepen.io/aliencash/pen/gmLXGp?editors=1100