урок верстка - Страница 37

Записи, помеченные ‘урок верстка’

Интересная скользящая форма с использованием jQuery

В этом уроке мы создадим интересную форму, показывающую подтверждение правильности введенных данных после каждого шага. Эта форма сэкономит много места, и ее легко использовать, в основе ее работы лежит принцип показа изображений, но вместо изображений в ней наборы полей ввода.
Далее... Нет комментариев »
Интересный эффект кругового движения с использованием jQuery

В этом уроке мы создадим интересный эффект кругового движения с помощью jQuery. Мы воспользуемся модулем jQuery.path, чтобы анимировать меню с круговым движением для примера в подборке работ. Основная задача в том, чтобы создать скругленную область содержимого с основным меню. При наведении указателя мыши на один из элементов меню появится элемент под-меню, двигающийся вокруг области содержимого. Давайте начнем!
Далее... Нет комментариев »
Прокрутка изображений с объемной трансформацией на чистом CSS3

Сегодня мы создадим интересную прокрутку изображений со стрелками и объемной трансформацией, используя только ранее существующие свойства СSS, а также новые свойства CSS3. Для этого мы используем несколько хитростей CSS.
Далее... 1 Комментарий »
Меню из маленьких блоков с использованием jQuery

В этом уроке мы создадим меню из маленьких блоков, которое анимируются случайным образом, когда происходит нажатие на элемент меню. Нажатый элемент меню разворачивает и раскрывает область содержимого с описанием или ссылками. При следующем нажатии блоки вернутся, восстановив изначальное фоновое изображение.
Далее... Нет комментариев »
Создание эффекта для ссылок с использованием CSS

Ссылки или якоря очень важны для веб-дизайна и веб-разработки. С настройками по умолчанию, как в CSS, так и в браузерах, ссылка выглядит довольно некрасиво. Голубой подчеркнутый текст, который становится фиолетовым после посещения этого сайта. Вы точно уже видели эти цвета. К счастью, CSS может сильно помочь. Изменяя свойства color, :hover и :visited, вы можете легко сделать ссылки [...]
Далее... 2 Комментариев »
Создание измельчителя бумаги с кнопкой удаления при помощи CSS3

Вы видели небольшую анимацию для приложения iPhone, в которой, когда вы нажимаете кнопку удаления, элемент, который вы удаляете, буквально измельчается шредером? Такой эффект можно создать и с помощью только CSS. Сегодня мы займемся именно этим. Мы будем использовать свойства объемного перехода, анимации и широко известное свойство clip, чтобы создать этот эффект.
Далее... 1 Комментарий »
Создание галереи быстро меняющихся изображений с использованием CSS3

Этот урок расскажет вам о том, как создать галерею быстро меняющихся изображений, активизирующуюся, когда пользователь наводит указатель мыши, и останавливающуюся, когда пользователь отводит указатель мыши. Текущее изображение останется видимым.
Далее... 2 Комментариев »
Создание объемно разворачивающейся галереи уменьшенных изображений

Этот урок расскажет вам о том, как создать объемно разворачивающуюся галерею изображений, в которой сначала открывается текущее изображение, а затем объемно разворачивается галерея уменьшенных изображений.
Далее... 1 Комментарий »
Создание эффектов загрузки страницы

Сегодня мы создадим набор оригинальных эффектов загрузки страницы. Основная задача – показать накрывающий слой с интересной анимацией формы, пока загружается новое содержимое.
Далее... 3 Комментариев »