Записи, помеченные ‘css’

• 

  Включаем и выключаем свет при помощи css

  Сегодня мы будем создавать один интересный проект. Сначала мы сделаем демонстрационную страницу, а затем добавим кнопку, которая позволит пользователю переключать цветовую схему (эффект «День и ночь»). Изменяться будут как цвета, так и другие элементы на странице. Самое главное, что мы сделаем все это только при помощи CSS. 

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

  Ниндзя при помощи css

  Скорее всего, для вас  не секрет, что благодаря многим функциям при помощи css3 можно создавать удивительные анимации. Возможно, вы знакомы с основными принципами создания css-анимации, но все же, давайте закрепим наши знания на практике. Сегодня мы будем учиться создавать ниндзю-шпиона при помощи спрайтов. Для этого нам понадобится Photoshop или любой другой графический редактор, а также основные знания [...]

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

  Учимся использовать css-свойство clip

  Наверняка вы слышали о свойстве css под названием clip. Сегодня мы поговорим немного о его синтаксисе и будем учиться создавать интересный эффект с его помощью.

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

  Несколько колонок при помощи css3

  Наверное, у многих возникала необходимость создания контейнера с несколькими колонками для отображения нужной информации, где текст выглядит приблизительно так, как столбцы в газетах. И многие, скорее всего, реализовали это при помощи обычных div-ов или других элементов и свойства float: left. Css3 даёт нам новые удивительные возможности. Вам не нужно будет делить текст на блоки, теперь всё [...]

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

  Эффект параллакс-скроллинга при помощи css3

  Разве вы не заметили, что в сети появилось много сайтов с эффектом параллакса? Сегодня мы будем применять этот эффект для вертикального слайдера. Для этого мы не станем использовать JavaScript, только чистый CSS3.

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

  Создаём забавное меню на чистом CSS

  Библиотека JQuery стала простым и лучшим способом для реализации простой анимации. JavaScript  — это конечно хорошо, но CSS3 предлагает заглянуть в будущее, где основная анимация выполняется при помощи  CSS и совершенно не зависит от сценария. Сегодня мы рассмотрим, как использовать CSS3 для создания веселого и необычного навигационного меню и подключить нестандартный шрифт.

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

  Полезные статьи и уроки по веб-типографике

  Благодаря нововведениям в  CSS уже сейчас можно создавать потрясающие текстовые  эффекты. Они становятся всё более популярными с каждым днём. В этой статье мы собрали все лучшие текстовые уроки CSS  и советы, которые вам обязательно пригодятся! Типографика играет очень важную роль при создании сайта, поэтому мы  рекомендуем прочитать этот пост и почерпнуть для себя что-то новое. [...]

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

  Подробно о :target

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

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

  Полезные css-сниппеты

  CSS—простой и понятный язык, но у него также есть подводные камни. Например, иногда решения CSS не работают в некоторых браузерах (например, в Internet Explorer, если кто не знал :-) ). К счастью, есть большое количество  CSS-снипетов  в интернете, которые помогают решить основные проблемы. В этой статье мы собрали 20  CSS-приёмов, которые могут облегчить вам процесс написания кода.

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