Портрет текстом на HTML + CSS

Показать описание

👇 Разверни для полной информации

Создаем портрет из текста с помощью HTML и CSS - простой эффект верстки, онлайн урок.

Моя рабочая станция:
Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 16GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB

Monitors:
- 23.8" Dell P2419HC
- 23.8" Dell P2418D

Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro

+ MacBook Pro M1 13'' 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB
+ IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics

Рекомендации по теме

Комментарии

Очень клево и необычно!) Побольше бы таких неординарных приемчиков.

KomAlexei

Все просто, наглядно. Спасибо, люблю ваши видео
Жду окончание видосиков про 30 вопросов и разом хочу пересмотреть.

giorgi_pa

Благодарю, Алекс! Интересный эффект, понятное объяснение! Успехов вам! 🙂

ОльгаЛитвинова-жш

Посмотрел до конца, вспомнил, что нужно поставить лайк, а лайк оказывается уже стоит))
Спасибо за уроки

slavslav

Как всегда, супер, спасибо большое!)

alexredcross

Спасибо большое за урок, как всегда очень интересно!

khv_muz

Спасибо за идею, очень понятно всё 🤜🤛

trendycad

У Lorem есть интересная фишка. Прописываешь lorem, а затем количество слов которое нужно добавить)

АнтонНаконечный-жэ

Алекс, ты крутой, спасибо за ролики!) Скажи почему не работаешь в ide от jetbrains?

Anatoly

Але є нюанс, при виділенні тексту він підсвічується і за рамками фото. Біжу пробувати чи можна через z-index зробити з нього фон...

havrilyk

блин, а вот интересно. Я знаю сайт, где ты выбираешь фото, и сайт тебе грузит это фото в виде символов, все в виде символов, получается как в этом пример, только здесь понятно, что это изображение... интересно, а как превратить изображение и ее пиксели в символы

seventeen