Так сам напиши, не трудно будет и скил подымешь.
Идея такая:
1. Есть 2 слоя, лежат друг на друге (это position: absolute и 100% ширины и высоты и z-index для точности)
2. При наведении изменяется прозрачность у обоих слоев и сдвигаем слой, тот что сверху, налево с помощью transform: transitionX(-400px) и transition: 0.4s
Это можно сделать на чистом css
Вот тут Кантор объясняет как это сделать в gulp, руками такое не делают конечно же :)
И называется это long term caching
Если коротко, то это для инвалидации закэшированых файлов, т.е. чтобы брауз их заново перекачал. Если интересно, то в гугле можно почитать подробнее :)
Я думаю в Вашем простом случае, лучше использовать для этого css :focus
Вот тут.
Если не знакомы с технологиями, нажмите на стрелочку вниз и там view compile.
>> браузеры отключают js.
Не правда. Меньше 1% в браузерах отключен js (точную цифру не помню).
>> скролл эффекты
Что имеется ввиду, плавность скрола? В браузерах это есть нативно.
Для inline-block. Проставь переносы строк и увидишь пробелы между элементами. 16,6% это не точно, не займет всю ширину, надо хотя бы 16,66666% прописать.
На флексах.
