CSS-рецепты

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

  • 8 октрября 11:07
    Автор: Михаил Комментариев нет
    Как в css отменить обтекание (float)?

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

    Читать все
    Рубрики: CSS-рецепты Обсуждение
  • 4 августа 1:56
    Автор: Михаил Комментариев нет
    Как сделать на css красивые radio-кнопки (переключатели)?

    Всех приветствую. Сегодня я напишу достаточно интересную статью о том, как сделать в css красивые radio-кнопки переключатели, ведь по умолчанию в html они выглядят, мягко говоря, ужасно. Будем это исправлять! Что-то подобное я уже показывал вам на примере чекбоксов в этой статье, но сегодня мы займемся радиокнопками и будет другой пример. Реализуем пример с выбором […]

    Читать все
    Рубрики: CSS-рецепты Обсуждение
  • 3 августа 1:17
    Автор: Михаил Комментариев нет
    Как делается в css декоративная рамка (border-image)?

    Я приветствую вас. Кажется, на страницах своего блога я еще не описывал, как делаются в css декоративные рамки, а раз так, то это тема моей сегодняшней статьи. Отлично, чтобы начать, нам нужен реквизит, так сказать Сегодня в качестве реквизита выступит моя фотография и фотка декоративной рамки. Вот они: Тут я в четвертом классе, это было […]

    Читать все
    Рубрики: CSS-рецепты Обсуждение
  • 1 августа 3:10
    Автор: Михаил 4 комментария
    CSS. Анимация картинки в зависимости от условий

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

    Читать все
    Рубрики: CSS-рецепты Обсуждение
  • 13 июля 11:57
    Автор: Михаил Комментариев нет
    Как делается в css вертикальное выравнивание?

    Всех приветствую. С горизонтальным выравниваем блоков в css вообще нет никаких проблем. А вот с вертикальным есть. Впрочем, проблемы эти решаются несколькими способами. Итак, сегодня я расскажу, как делать в css вертикальное выравнивание блоков. Табличный метод Суть его в чем: родительскому блоку вы задаете display: table, а его вложенному блоку, который нужно отцентрировать — display: […]

    Читать все
    Рубрики: CSS-рецепты Обсуждение
  • 13 июля 8:28
    Автор: Михаил 2 комментария
    Как делать в css горизонтальное меню (адаптивное)?

    Всех приветствую. Когда-то я писал статью о том, как сделать вертикальную навигацию на сайте, сегодня же поговорим о том, как делается в css горизонтальное меню (адаптивное, на всю ширину экрана и т.д.). Пролог — как сделать горизонтальное расположение ссылок Вообще вы же наверняка знаете о том, как создается меню? Хотя бы примерно? Берется тег-контейнер nav, […]

    Читать все
    Рубрики: CSS-рецепты Обсуждение
  • 9 июля 5:47
    Автор: Михаил Комментариев нет
    Как делаются в css адаптивные картинки и фон (background)?

    И вновь приветствую всех читателей. Раз уж зашла речь об адаптивной верстке, то вы должны сделать так, чтобы ваши картинки и фоновые изображения хорошо смотрелись на всех разрешениях экранов. Как делать в css адаптивные картинки и фоновые изображения? Хороший вопрос, давайте разбираться. Адаптивные изображения — тег img Сначала разберемся, что делать с теми картинками, которые […]

    Читать все
    Рубрики: CSS-рецепты Обсуждение
  • 9 июля 2:00
    Автор: Михаил Один комментарий
    Как делать в css адаптивный текст (размер шрифта)?

    Приветствую. Когда говорят об адаптивности, то обычно речь заходит о сетках и блоках. Но также важно адаптировать шрифты сайта под различные разрешения. Как это делать, узнаем сегодня. Я поделюсь с вами одной фишкой, как верстать сайты более правильно. Наверняка все вы задаете размер шрифта в пикселях, верно? Это достаточно простой и удобный подход, но у […]

    Читать все
    Рубрики: CSS-рецепты Обсуждение