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

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

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

  • Постоянная ссылка на Эксперименты со свойством 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 Комментарий »
  • Постоянная ссылка на Создаем прокручиваемые фото-ленты с Lightbox

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

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Исчезающие со временем уведомления с CSS-анимацией

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

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на Адаптивный аккордеон на CSS и JAVASCRIPT

    Адаптивный аккордеон на CSS и JAVASCRIPT

    В сегодняшнем уроке мы будем создавать адаптивный аккордеон. При открытии он будет скользить с верхней части страницы и раскрывать содержимое. Будут добавлены также CSS3 переходы для стрелок. Начнем!

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

    Создаем меню со случайным поворотом пунктов с помощью jQuery и CSS3

    В этом уроке мы создадим отличное меню с выезжающей областью содержимого. Мы используем неряшливый стиль, так как хотим, чтобы оно выглядело немного беспорядочно: мы сделаем пунктам меню случайный угол поворота, используя свойство CSS3 “transform”. Так что когда мы загрузим страницу, все пункты меню будут расположены по-разному, что придаст случайный и творческий вид этой нерегулярной странице.

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