css - Страница 34

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

Цикл уроков о переходах CSS3, часть 4: Продвинутые способы переходов

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

Ярлыки обычно используются после содержимого веб-страницы, чтобы расположить его по категориям. Создания ярлыка, который выглядит, как настоящая бирка, — это весьма интересная идея, но это может быть довольно сложно. В этом уроке мы создадим легкий в использовании ярлык с минимально возможным синтаксисом, без использования изображений, используя только CSS и HTML.
Далее... Нет комментариев »
Создание параллакс-эффекта

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

Во второй части цикла уроков мы рассматривали свойство CSS3 transition-timing-function, которое отвечает за изменение скорости анимации со временем во время перехода. Значений этого свойства, таких как ease, ease-in и linear, обычно достаточно даже для очень требовательного веб-разработчика. Тем не менее вы можете создать свою собственную временную функцию, используя значение cubic-bezier. Оно выглядит и звучит сложно, но его можно [...]
Далее... 1 Комментарий »
Создание веб-сайта, подходящего для любого экрана

Интернет становится все более мобильным. Извечная проблема размера экрана преследовала веб-дизайнеров десятилетиями. Сейчас все больше людей выходят в интернет с мобильных телефонов, и проблема только усугубилась. Что же мы можем сделать с этой ситуацией? К счастью, участники W3C (Консорциум Всемирной паутины) заметили увеличение трафика с мобильных устройств и дали нам инструменты, нужные для создания подходящих сайтов.
Далее... Нет комментариев »
Обзор единиц измерения CSS3 и их использования

Удивительно, но сообщество веб-дизайнеров буквально игнорирует возможные способы использования единиц измерения CSS3. Доработка спецификаций новых единиц измерения CSS3 велась до последнего времени, но уже закончена, так что то, о чем рассказывается в этом уроке, вряд ли изменится.
Далее... 1 Комментарий »
Цикл уроков о переходах CSS3. Часть 2: Основы свойств переходов

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

Как вы уже неоднократно слышали, анимации CSS3 – это мощный инструмент, который позволяет создавать анимации, работающие без необходимости в применении дополнительных скриптов. Со временем новые версии браузеров начинают поддерживать все больше свойств CSS3, например таких, как трехмерные трансформации, что все сильнее расширяет область использования CSS3. В этом уроке мы создадим простое меню, анимированное с помощью CSS3, [...]
Далее... Нет комментариев »
Использование свойства CSS3 @font-face

Хотя свойство @font-face поддерживается большинством браузеров, например, браузерами Internet Explorer, Firefox, Chrome и Safari, есть и исключения. И когда это свойство не поддерживается, то нестандартные шрифты могут испортить верстку или привести к другим нежелательным последствиям. В этом уроке мы расскажем о распространенных сложностях, возникающих при использовании нестандартных шрифтов и подборе запасных шрифтов, присутствующих во всех системах, [...]
Далее... Нет комментариев »