Страницы

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

пятница, 12 июля 2019 г.

Как сделать внутреннюю тень у текста который размещен на фоне?

Нужно что то типа такого

div { background: url('https://image.freepik.com/fotos-gratis/branco-tijolos-texturas-de-parede-de-fundo_1203-3691.jpg'); width: 460px; height: 120px; } h1 { color: #444; text-align: center; padding: 20px 0; font-family: Arial; font-weight: 800; font-size: 62px; }

Hello, World!



Ответ

Пример
div { background: url('https://image.freepik.com/fotos-gratis/branco-tijolos-texturas-de-parede-de-fundo_1203-3691.jpg'); width: 460px; height: 120px; } h1 { text-align: center; padding: 20px 0; font-family: Arial; font-weight: 800; font-size: 62px; background-color: #111; color: transparent; text-shadow: -2px 2px 4px rgba(255, 255, 255, .2); -webkit-background-clip: text; background-clip: text; }

Hello, World!


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

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