Записи, помеченные ‘css’

• 

  Как отцентровать абсолютно спозиционированный элемент с использованием CSS

  Время от времени возникает задача отцентровать абсолютно спозиционированный элемент. Предлагаемое решение кажется очевидным после его реализации. Горизонтальное расположение по центру статического элемента с помощью CSS обычно осуществляется с помощью установки автоматического значения левого и правого внешнего отступов, например:

  Далее... 3 Комментариев »
• 

  Альтернативный способ спрятать текст у графического заголовка

  В веб-дизайне широко используется способ, позволяющий спрятать текст у графического заголовка веб-страницы с помощью свойства отступа текста со значением -9999px. При этом текст передвигается со страницы из видимой для посетителей сайта области, но это может повредить поисковой оптимизации. При использовании логотипа на странице веб-сайта понадобиться добавить изображение с помощью тега изображения: 

  Далее... 1 Комментарий »
• 

  Создание выдвигающихся ссылок с использованием анимации CSS3

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

  Далее... 3 Комментариев »
• 

  Создание всплывающих подсказок с использованием только CSS

  Во всех браузерах можно создать простые всплывающие подсказки для элементов HTML, используя атрибут title (название), как в примере ниже.

  Далее... 2 Комментариев »
• 

  Обзор новых относительных единиц измерения шрифтов CSS3

  Сегодня мы расскажем о уже широко используемых новых относительных единицах измерения шрифтов CSS3. Десятилетие нам приходилось неэффективно использовать недостаточные ключевые слова, такие как small (маленький), medium (средний), large (большой) и т. п. и несовершенными единицами фиксированного размера, такими как px, pt, mm и т. п. Не смотря на то, что проблемы с единицей измерения px в браузере Internet Explorer закончились, [...]

  Далее... 1 Комментарий »
• 

  Создание сияющих кнопок с использованием CSS

  Так как кнопки играют важную роль в вызове функций на веб-сайте, важно, чтобы они производили эффект на посетителей. Этого можно добиться разными способами, в этом уроке мы рассмотрим, как с помощью CSS3 создать эффектные кнопки. Мы воспользуемся свойствами тени блока CSS, радиуса границы CSS и анимациями CSS, чтобы создать кнопки, сияющие при наведении указателя мыши. 

  Далее... 2 Комментариев »
• 

  Создание вращающихся значков социальных сетей с использованием CSS3

  Всем хотелось бы больше внимания в социальных сетях, это как соревнование в популярности, и все борются за друзей и подписчиков. Если у вас получилось привлечь читателей на свой веб-сайт, было бы здорово, чтобы они еще и добавились в друзья и подписались на обновления в социальных сетях. Но как привлечь их внимания к этому? В большей части блогов значки социальных [...]

  Далее... 5 Комментариев »
• 

  Использование размытия движения в анимациях CSS3

  Переходы и анимации CSS3 очень полезны, но нередко они слишком идеальны. Обращали ли вы внимание, что компьютерные игры выглядят покадрово при 25-30 кадрах в секунду, а фильмы выглядят естественно при том же количестве кадров? Обычная видеокамера захватывает каждый кадр в течение 0,04 секунд. Все, что движется быстрее, выглядит слегка размыто. А игра, идеально создающая каждый кадр, без размытия [...]

  Далее... 1 Комментарий »
• 

  Создание кнопок со значками, но без изображений с использованием CSS

  Для веб-разработчика лучше свести использование изображений к минимуму, например используя значки для кнопок, которые созданы только с помощью CSS. Подобных значков очень и очень много, они добавляются в код CSS в виде шестнадцатеричных значений. Эти коды для значков можно найти в разных местах, вот несколько мест, которые были использованы для создания этого урока: 

  Далее... 4 Комментариев »