верстка - Страница 29

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

Создание буквицы с использованием CSS3

Этот урок посвящен дизайну. Мы расскажем, как создать интересные буквицы с помощью CSS3. Вы точно видели подобные большие буквы в книгах сказок для детей. Особенно в старых изданиях. Чтобы создать такой эффект, некоторые вебмастера помещают первые буквы в отдельные элементы и применяют к ним особые стили. Но с помощью CSS3 можно сделать по-другому. Можно воспользоваться псевдоклассом [...]
Далее... Нет комментариев »
Проверка поддержки свойств CSS с помощью правила @supports

Давайте рассмотрим следующий отрывок кода CSS: «.blur-text { color: transparent; text-shadow: 0 0 5px #000; }». К любому элементу класса .blur-text применится эффект размытого текста, например:
Далее... Нет комментариев »
Использование наследования в CSS3

Легко упустить из вида свойство каскадности таблицы стилей. Многие разработчики знакомы со значением inherit (наследование), но есть еще несколько свойств наследования CSS3, о которых знают не все.
Далее... Нет комментариев »
Создание эффекта набора текста с использованием 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.
Далее... Нет комментариев »
Бесплатные текстовые редакторы для разработчиков

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