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

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

Записи, помеченные ‘эффекты css’

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

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

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Создание логотипа IBM Lotusphere с использованием CSS3

    Создание логотипа IBM Lotusphere с использованием CSS3

    Некоторое время назад автор урока посетил страницу конференции IBM Lotusphere. Он сразу обратил внимание на красивый логотип. Хотя дизайн логотипа простой и минималистичный, он очень хорошо выглядит. Сегодня мы создадим этот логотип, используя только HTML и CSS. Основной секрет этого эффекта — использование свойств border-radius и overflow:hidden. Мы создали две версии. Первая версия использует дополнительные элементы HTML, [...]

    Далее... Нет комментариев »
  • Постоянная ссылка на Эффект дождя на стекле при помощи HTML и CSS

    Эффект дождя на стекле при помощи HTML и CSS

    В этом уроке мы научимся создавать эффект капель дождя на стекле, используя CSS. Урок очень прост, однако результат вам наверняка понравится. Для выполнения туториала вам понадобятся базовые знания CSS и совсем немного jQuery.

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

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

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

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

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

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

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

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

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

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

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

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на Создание анимации с Animate.css

    Создание анимации с Animate.css

    Несмотря на все трудности возникающие при создании анимации, безусловно стоит стремиться к получению навыков,  приобретению уверенности и достижению мастерства в этой области. Ден Эден – дизайнер и студент из Манчестера (Великобритания) —  создал своеобразную библиотеку анимации Animate.css. По его словам, изначально идея возникла для оптимизации собственного времени на разработку проектов, а затем приобрела большие масштабы. Теперь все желающие могут [...]

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

    Создание простой галереи изображений Lightbox на jQuery

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

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

Страница 1 из 212