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

• 

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

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

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

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

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

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

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

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

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

  Как сделать элегантный аккордеон с JQUERY и CSS3

  Сегодня мы будем создавать элегантный аккордеон для контента. Идея состоит в том, чтобы несколько вертикальных вкладок с контентом раздвигались в стороны при наведении на одну из них курсором мыши. Для улучшения внешнего вида аккордеона будут использованы некоторые свойства CSS3. Давайте приступим!

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

  Создание эффекта глянцевой фотографии при помощи CSS3

  Все чаще и чаще мы создаем эффекты, которые обычно создавались в графическом программном обеспечении, таком как Adobe Photoshop, используя только CSS. И последнее время новые эффекты становятся достижимы с помощью CSS3. В этом уроке мы рассмотрим, как воссоздать распространенный эффект глянцевого изображения, используя некоторые градиенты CSS3.

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

  Полезные инструменты для размещения, изменения и просмотра CSS

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

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

  Адаптивный веб-дизайн с использованием CSS3

  Революция смартфонов привнесла новые особенности в веб-разработку, пришло время преобразовать дизайн вашего веб-сайта в адаптивный дизайн вместо того, чтобы поддерживать отдельную мобильную версию. Адаптивный дизайн автоматически подстроится, основываясь на размере экрана используемого устройства. Этот урок объясняет, как использовать свойство CSS3 @media и работать с Internet Explorer, используя библиотеку JavaScript Modernizr.

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

  Многоуровневое меню

  Сегодня мы хотим поделиться с вами экспериментальным многоуровневым меню, которое может стать полезным для сайтов с большим количеством контента (например, интернет-магазинов). В результате получается меню, которое может содержать теоретически бесконечное количество вложенных подменю. Когда вы открываете подменю, главное меню частично скрывается под ним. При необходимости этот срез может быть видимым или же нет. Если нет — то [...]

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

  Создаем стильное плоское меню при помощи CSS

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

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