урок верстка - Страница 28

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

Выпадающее многоуровневое меню с использованием CSS3

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

Думали ли Вы о изменении шапки своего сайта? Как известно, шапка — наиболее важная часть любого сайта. В первую очередь все пользователи обращают внимание на эту часть сайта. И чем она более опрятная и четкая, тем лучше остается мнение о сайте у посетителей. В этом уроке мы покажем, как создать высококачественную современную шапку для сайта. В шапке [...]
Далее... 5 Комментариев »
Создание верстки целой страницы «Robo Splash»

В этом уроке мы рассмотрим, как создать верстку страницы «Robo Splash». Это интересная страница на HTML5 и CSS3, которую можно использовать для создания веб-сайта. Давайте разберемся и узнаем, как создать подобную страницу.
Далее... 1 Комментарий »
Создание анимированного меню с использованием CSS3

В этом уроке мы создадим интересное анимированное меню с помощью CSS3. У этого меню будет два уровня. По умолчанию будут видны отдельные небольшие верхние элементы меню. При наведении указателя мыши на такой элемент появятся вложенные элементы первого уровня. А если навести указатель мыши на другие элементы — откроются их вложенные пункты меню. Давайте приступим!
Далее... 2 Комментариев »
Создание буквицы с использованием 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. В этом уроке мы воспользуемся таким способом для создания эффекта загибающейся бумаги.
Далее... Нет комментариев »