Думаю, ни для кого не секрет, что за последние несколько лет резко увеличилось число сайтов, использующих различные визуальные эффекты. Хорошо это или плохо, разговор отдельный, но, наверное, все согласятся, что грамотное использование этих эффектов позволяет создать красивый web сайт с которым легко и приятно работать. В этой статье мы рассмотрим пример использования очень интересного эффекта из библиотеки ScriptAculous – морфинга. По определению, морфинг – это плавное преобразование одного объекта в другой. Он очень часто используется в компьютерных играх и кинематографе. К сожалению, возможности JavaScript в плане работы с графикой значительно скромнее, чем у библиотек вроде DirectX или программ нелинейного видеомонтажа. Т. е. вы не сможете сделать прямоугольный блок с текстом круглым или плавно преобразовать один шрифт в другой. Тем не менее, можно изменить цвет и размеры блоков и шрифтов, их границы, фон и т. п. Как это работает Прежде всего, нужно четко понимать, что эффект морфинга применяется к стилям элементов web страницы, а не самим элементам. Например, у нас есть блок с черным фоном:
Понравилась статья? Получай обновления и будь всегда в курсе событий!