Анонс урока: создание анимационной кнопки

9 декабря 2010 года, Размещено в категории: Новости

Анонс урока: создание анимационной кнопки

Хочу сделать анонс урока, который был написан мной для сайта Webformyself.com - «Основы самостоятельного cайтосроения».

В уроке я показал, как с нуля можно создать анимационную кнопку. Урок был разбит на 3 шага, в первом шаге я показал, как можно нарисовать кнопку в Photoshop'е. Во второй и третьей части я по детально расписал, как кнопку сверстать с помощью HTML и CSS кода, а уже потом как сделать плавною анимацию при наведении курсора на кнопку, с помощью фреймворка JQuery.
Думаю урок вышел замечательным, особенно для начинающих, - создание анимационной кнопки.

Этот урок есть первым моим уроком на сайте Webformyself.com и надеюсь не последним, в скором времени на сайте Webformyself.com будет опубликован еще один мой урок, которой будет рассчитан на начинающих. Поэтому подписывайтесь на обновление блога чтобы не пропустить следующие анонсы уроков.

Кстати я ранее уже писал на уроки как создать простые кнопки с помощью CSS:
Создаем кнопку при помощи CSS: Часть вторая
Создаем кнопку при помощи CSS: Часть первая
Красивые CSS кнопки с иконками
Делаем кнопки с помощью CSS, техника раздвижные двери






1 Комментарий

  • 7 лет назад Ответить

    В уроке ошибочка «Для этого создаем параграф с классом — buttom —, а внутри параграфа размещаем нашу ссылку. Смотрим пример:»

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Перед отправкой формы: