css - Страница 30

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

Создание эффекта набора текста с использованием CSS

Недавно мы обнаружили плагин jQuery, который позволяет легко создать эффект набора текста на веб-сайте. Этот плагин называется typed.js, у него открытый исходный код, и его можно скачать с Github. В этом уроке мы расскажем подробней об этом плагине, а также покажем, как создать эффект набора текста с помощью только анимаций CSS.
Далее... 1 Комментарий »
Создание эффекта загибающейся бумаги без изображений с использованием CSS3

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

Посмотрите демонстрацию работы в браузерах Firefox, Chrome, Safari, Opera и Internet Explorer, начиная с версии 9. Эти круги созданы с помощью элементов HTML, а не canvas, SVG, Flash или другими способами. Попробуйте угадать, не заглядывая в исходник, сколько элементов понадобилось.
Далее... Нет комментариев »
Создание эффекта стопки бумаги с использованием CSS3

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

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

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

Если на веб-странице размещается элемент, призывающий к действию, то обычно нужно, чтобы пользователь что-то сделал, например подписался на новостную рассылку или что-то скачал. Хорошо, если элементы, призывающие к действию, как-то выделяются, чтобы люди обратили внимание на эти области веб-сайта.
Далее... 2 Комментариев »
Использование псевдокласса CSS3 :target

Псевдоклассы CSS, изменяющие стили после определенных действий пользователей, существуют очень давно. Вы точно знакомы с такими псевдоклассами, как :hover, :active и :focus, а некоторые даже могут вспомнить восторг от появления возможности смены цветов ссылок с их помощью в браузере Internet Explorer 4 в далеком 1997 году.
Далее... Нет комментариев »
Создание трехмерной нажимаемой кнопки с использованием CSS3

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