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

• 

  Создаем меню с уменьшенными изображениями с использованием jQuery

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

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

  Создаем выезжающий блок меню с помощью jQuery и CSS3

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

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

  Эксперименты со свойством CSS3 background-clip: text

  С помощью свойства CSS background-clip: text, которое сейчас поддерживается только браузерами Webkit, мы можем добавить фоновое изображение к текстовому элементу. Сегодня мы будем экспериментировать с ним и создадим забавные примеры с помощью CSS3 переходов.

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

  Создание выезжающих блоков связанных сообщений с помощью jQuery и CSS3

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

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

  Эффект размытия с помощью CSS3 и jQuery

  Сегодня вы увидите, как создать простой эффект размытия для текстовых элементов. Основная задача – есть набор текстовых блоков, которые будут размываться и уменьшаться, когда мы проводим над ними указателем мыши. Элемент в фокусе будет увеличиваться. Это создаст эффект фокуса, который привлечет внимание к элементу, над которым указатель мыши находится сейчас.

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

  Уведомления с помощью CSS-анимации

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

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

  Поворот слов с помощью CSS-анимации

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

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

  Создаем прокручиваемые фото-ленты с Lightbox

  В этом уроке мы научимся создавать прокручиваемые фото-ленты с Lightbox и сделаем их отзывчивыми. Начнем урок.

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

  Исчезающие со временем уведомления с CSS-анимацией

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

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