Как анимировать парящий псевдокласс:after и:before?

Кто-то знает, как сделать эти эффекты при наведении мышью псевдоклассами: after и: before??

https://tympanus.net/Development/CreativeButtons/

спасибо, я пытаюсь учиться, мне не нужен лист, чтобы купить или скачать

Я только что проанализировал это, и кажется, что есть элемент:

кнопка p раздела (обнаруженный мной p - лучший способ центрирования, очень хороший)

класс для кнопки:

.btn

обычный псевдокласс для основных эффектов наведения:

.btn:hover

псевдокласс после и до:

.btn:after

.btn:before

я не понимаю, как анимировать.btn: after и.btn: before

здесь у меня есть справочный лист, который я делаю для себя, где вы можете видеть (CSS не является сухим, потому что это справочный лист, и в будущем я могу использовать его, чтобы посмотреть на конкретный объект, класс для повторного использования или изменения

https://codepen.io/Heavybrush/pen/bWgXpx

0 ответов

Другие вопросы по тегам