Записи, помеченные ‘урок css’
-
Разрыв страницы для печати с использованием CSS3
Хотя мы живем в цифровую эпоху, где все может быть легко доступно, все еще есть много людей, которые предпочитают читать длинный текст с бумаги. Есть вероятность, что часть пользователей распечатает текст с вашего сайта, чтобы читать его не за компьютером.
Далее... 4 Комментариев » -
Интересная скользящая форма с использованием 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 Комментарий »
Самые комментируемые
- Текст из крови в Adobe Photoshop 549
- Насколько важно сегодня использовать Web Safe цвета? 538
- 20 наборов кистей для Фотошопа, которые вам пригодятся 530
- Текст из воды в Adobe Photoshop 518
- 45 новых удивительных наборов кистей для творчества 423
- Более 40 фотореалистичных рисунков 205
- Ретро и винтажная типографика в веб-дизайне 194
- 30 примеров фрактального искусства 191