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

• 

  Потрясающий эффект при наведении на изображение

  В этом уроке мы будем учиться делать интересный эффект при наведении на изображение. Мы создадим его при помощи css3, а также добавим JQuery для браузеров, которые не поддерживают прозрачность и cвойство transition. Также мы позаботимся о том, чтобы наши изображения были адаптивными.

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

  Лучшие СSS галереи

  Можно любить или не любить CSS, но необходимо признать, что  веб-дизайнеру сегодня сложно обойтись без  CSS. Особого распространения приобретают CSS-галереи, ведь это отличная возможность еще и представить свое творчество. С одной стороны безупречно привлекает тот факт, что CSS-галерей существует большое множество (к тому же, часто и бесплатных). С другой CSS-галереи — удачное решение для проекта с небольшим бюджетом, так как позволяет [...]

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

  Создаем динамичное LavaLamp меню при помощи css3

  Многие уже видели примеры анимированных меню с LavaLamp эффектом (созданных при помощи JQuery). Сегодня мы бы хотели вам рассказать, как повторить такой эффект  при помощи CSS3 (без JavaScript). Мы будем использовать свойство CSS3 transitions (для анимации элементов).

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

  Создаём адаптивный сайт

  В настоящее время весь интернет гудит  о адаптивном веб-дизайне, потому что все хотят, чтобы их сайт хорошо отображался на различных устройствах. В этом уроке мы научимся создавать очень простой шаблон «универсального» сайта.

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

  Введение в webkit-фильтры

  CSS-фильтры нужны для создания различных эффектов для изображений, которые можно увидеть в браузере. На сегодняшний день у нас есть возможность показать вам всё, что связано с этими новыми фильтрами. Мы изучим некоторые из них.

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

  Как избежать ошибок в CSS3

  Новые свойства CSS3 не только дают нам дополнительные  возможности, но приводят  к некоторым трудностям. Эта статья поможет узнать Вам, правильно ли Вы используете новые функции и  избежать распространенных ошибок.

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

  30 классных уроков создания CSS меню

  CSS сегодня — штука жизненно важная для веб-дизайна. Дежурка периодически публикует переводы интересных статей и уроков по CSS. Однако, хороших материалов много, и чтобы перевести их все, потребуется куча времени. Сегодняшняя подборка — для тех, кто дружит с английским языком или уже достаточно разбирается в вопросе, чтобы понять суть статьи по коду и демо-примерам. Это подборка неплохих туториалов по [...]

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

  Заголовки со стрелочками в стиле Adobe.com

  Этот урок опубликовал вчера Chris Coyier, и мы не могли оставить его незамеченным. Способ, описанный в нем, можно здорово применить не только в качестве заголовка раздела или статьи, но и в полосе «хлебных крошек». Мы перевели его статью, добавив некоторые замечания, высказанные читателями CSS-Tricks. Крису приглянулись вот эти стрелочки на панельках заголовков сайта Adobe: 

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

  Делаем навигацию на CSS3 с превью

  Сегодня мы рассмотрим вариант создания красивого эффекта при наведении мышкой на элемент цикличной навигации. Реализуем мы его, используя CSS3 transitions. Итак, задача наша в том, чтобы создать цикличную навигацию карусельного типа, добавить круглые кнопки со стрелками, перерастающие при наведении мышки в такие же круглые превью следующей страницы. В рассматриваемом примере это будут превью предыдущего и последующего изображения.

  Далее... Нет комментариев »