Задачи по HTML и CSS
Задача 12. “Карта сокровищ”
Условие: Создайте html-файл, результат которого показан на рисунке. Для этого добавьте изображение, которое можно скачать здесь. Далее укажите на изображении ссылочные области: клад, акула, осьминог, корабль. При наведении курсора на ссылочную область должна появляться подсказка. Используйте тег <progress> для элемента под изображением, наглядно показывающем какая часть пути до клада пройдена.
Устали? Отдохните с пользой
http://codepen.io/Artyshuk/pen/gPQKYK
http://codepen.io/IneSSka/pen/eZEzwW
https://codepen.io/Greshnic/pen/BKXdpN?editors=1000
https://jsfiddle.net/moloko/qgyq7pwf/2/
Криво сделал адрес сайта в конце задания, думаю как то по другому можно было бы. но пока только додумался до этого))
http://codepen.io/Hiter/pen/OXWJda?editors=1000
http://codepen.io/Lacedaemonian300/pen/VjEmvb
http://codepen.io/qpyntik/pen/NAEBwW
http://cssdeck.com/labs/plxzkx4f
http://codepen.io/anon/pen/WGgLkV
http://codepen.io/KatieVolkova/pen/zoBOYm