Страницы

Поиск по вопросам

вторник, 2 октября 2018 г.

Как сделать прозрачный текст?

Мне нужно чтобы была кнопка, в которой текст был как фон (т.е. просто "дырявил блок")


Ответ

Две SVG кнопки с прозрачным текстом.
Анимация начинается при наведении курсора на цветные полоски слева. Прозрачный текст кнопок реализован при помощи SVG маски.
body { background-image: url(https://i.stack.imgur.com/AZ8Hg.jpg); background-repeat: no-repeat; background-size: cover; font-family: verdana, sans-serif; }

Button- Button+

Комментариев нет:

Отправить комментарий