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

• 

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

  В предыдущем уроке по CSS мы создали размытие текста, используя свойство тени текста и прозрачный цвет текста. В этом уроке мы воспользуемся подобным способом, чтобы создать анимированные светящиеся ссылки. Тень текста — это многогранное свойство CSS3, которое поддерживается в браузерах без приставок производителей. Но оно не работает в браузере Internet Explorer версий 9 и ниже. [...]

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

  Создание эффекта уменьшения фотографии с использованием jQuery

  В этом уроке мы покажем, как создать простой эффект уменьшения фотографии с помощью jQuery. Основная задача — показать изображения, которые изначально увеличены, а при наведении указателя мыши на изображение уменьшить его до нормального размера. Этот эффект можно использовать на веб-сайтах с фотографиями или галереями изображений. В нашем примере используются черно-белые изображения, чтобы сосредоточиться на эффекте. Давайте начнем.

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

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

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

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

  Как отцентровать абсолютно спозиционированный элемент с использованием 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 Комментариев »