В этом уроке мы создадим фотогалерею для сайта с использованием HTML5 Canvas и CSS3. Смотрите демо-версию, чтобы оценить эффект при наведении на изображение. Оттенки серой «копии» основного изображения создаются с помощью Canvas, а также с CSS3 для плавного изменения «копии» на основное изображение. Коротко о том, что такое Canvas. Спецификация HTML5 включает множество новых тегов, одним из которых является canvas. HTML5 Canvas — предоставляет простой и хороший способ работы с графикой и рисованием с использованием javascript. Следует также знать, что рисование ведется в растровой форме, таким образом, нарисовав на Canvas какую-либо фигуру, её нельзя будет редактировать или удалить отдельно, можно только стереть целую область Canvas. И так приступим:
