css - Страница 39

Архив рубрики ‘css’

Создание измельчителя бумаги с кнопкой удаления при помощи CSS3

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

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

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

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

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

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

Сегодня мы создадим трехмерный эффект, используя свойство CSS -webkit-perspective. Свойство perspective — это как раз то, что нужно, чтобы создать эффект трехмерности. Используя также свойства transform и transition, мы можем создать трехмерную анимацию на чистом CSS3.
Далее... 4 Комментариев »
Создание выпадающего меню с окном поиска при помощи CSS3 и HTML

В этом уроке мы создадим выпадающее меню в плоском стиле с окном поиска из Square UI. Меню состоит из ненумерованного списка класса .nav, содержащего разные типы элементов.
Далее... 2 Комментариев »
Создание анимированной гистограммы с использованием CSS3

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