Картинка с блестящим железом и выдавленным узором

Картинки и ссылки
Для сохранения картинки на компьютер наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт : Сохранить изображение как...

Для получения ссылка на картинку , наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт: Копировать адрес изображения

Для просмотра оригинала картинки , наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт: Открыть изображение в новой вкладке или Открыть исходное изображение в новой вкладке.

Пример того , что возможно сделать с этим изображением не скачивая его к себе на компьютер.

Ниже приведён код примера со стилями , который можно вставить на форум , блог , гостевую книгу - если это позволяет администрация сайта.
При желании копируем код , меняем фон блока background: url(https://effects1.ru/gallery/КАРТИНКА-1-0.jpg) — первый фон основной. Второй фоновый рисунок добавочный ,который должен иметь прозрачный фон, в противном случае первое фоновое изображение будет перекрыто и не будет отображаться.

Если Вы хотите поэкспериментировать с кодом — переходим к генератору изображений .
1)Скопируйте код. 2)На странице с генератором перемещаемся в нижнюю часть генератора , до кнопки - «Смотреть результат»...

Клик по форме выделяет готовый код со стилями для вставки в HTML документ.После клика нажмите правую кнопку мышки и выберите пункт скопировать - далее вставте код туда где Вы хотите показать картинку.

<br> <style> .text-effects1 { width: 95%; height: auto; text-align: center; padding:3px; margin: 0 auto; background: url(https://effects1.ru/gallery/fon/pattern/14-ZHelezo/metal-20.jpg) ;/*1-й фон*/ } .text-effects1-text { background: url(https://effects1.ru/gallery/GIF/salyut-PNG/iskra-17-0.gif) repeat no-repeat top center;/*2-й фон */ } .text-effects1-img { position: relative; } .text-effects1-img-1 { position: absolute; bottom: 0; left: 10%; } </style> <div class="text-effects1"><div class="text-effects1-text"> <img src="https://effects1.ru/gallery/Klipart/Tekhnika-spec/roboty/robot-9-0.png" alt="картинка-2"> <div class="text-effects1-img"> <div class="text-effects1-img-1"> <img src="https://effects1.ru/gallery/tekst/slovo/Blagodaryu/spasibo-19-0.png" alt="картинка-1"> </div></div></div></div>