Lecaw

Учимся создавать Web-сайты

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

(176)
(0)

Сегодня я решился создать для Вас что-то действительно интересное и полезное. Новый плагин jQuery - генератор книги. Основная идея заключается в удобном отображении книги на основе простого текста (с изображениями). Книга состоит из страниц, каждая страница состоит из 2-х сторон (как в обычной книге), есть кнопки вперед-назад по бокам страницы для перемещения по страницам, а также используем 3D при повороте страниц (на базе CSS3). Для того чтобы достичь 3D эффекта мы используем CSS3 преобразования (rotate3d, preserve-3d and rotateY) и эффекты перехода.

(206)
(0)

В этом учебном руководстве я покажу вам, как создать горизонтальное выпадающее меню с эффектом прокрутки на css. Я буду использовать только CSS, а именно - псевдо-элемент :after с пользовательским атрибутом. Убедитесь, что вы используете современный браузер с поддержкой CSS переходов и нажмите на кнопку ниже, чтобы увидеть демо-версию.

(377)
(0)

Как нам известно – в специфике языка программирования HTML, появился новый элемент – HTML5 video. Обычно люди используют этот элемент для встраивания видео в веб-страницы. Это очень удобно. Потому что HTML5 video предназначен для вставки видеороликов без добавления скриптов. Вы можете просто выбрать несколько видео файлов для браузеров которые поддерживают HTML5 video. Теперь, давайте представим, что мы можем использовать элемент video - для доступа к камере и микрофону. Я собираюсь показать вам, как снимать видео с веб-камеры при помощи HTML5, а также как передать это видео в объект canvas. Для видео, мы будем использовать фильтры CSS3.

(154)
(0)
Страница 5 из 14