Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

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

  • Постоянная ссылка на Улучшенное выезжающее меню с использованием CSS и jQuery

    Улучшенное выезжающее меню с использованием CSS и jQuery

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Создаем выезжающее меню с использованием CSS и jQuery

    Создаем выезжающее меню с использованием CSS и jQuery

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

    Далее... 10 Комментариев »
  • Постоянная ссылка на Создаем меню с уменьшенными изображениями с использованием jQuery

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создаем выезжающий блок меню с помощью jQuery и CSS3

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Эксперименты со свойством CSS3 background-clip: text

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

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

    Далее... 3 Комментариев »
  • Постоянная ссылка на Создание выезжающих блоков связанных сообщений с помощью jQuery и CSS3

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Эффект размытия с помощью CSS3 и jQuery

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Уведомления с помощью CSS-анимации

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Поворот слов с помощью CSS-анимации

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

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

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

Страница 30 из 40« Первая...1020282930313240...Последняя »