Как создать блок через CSS в 5 кликов


Когда лень набирать стандартный код CSS для блоков, на выручку приходят различные генераторы CSS.

Вот одним из них хочу поделиться с Вами под названием CSS3 Generator. Давно пользуюсь этой удобной штукой.

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

  1. Настройка радиуса закругления углов. При нажатие + справа можно настраивать каждый угол по отдельности.
  2. Настройка ширины тени. При нажатие + справа можно настраивать смещение тени и насыщенность.
  3. Настройка градиента заливки фона. При нажатие + справа можно настраивать направление градиента.
  4. настройка прозрачности.

Справа превью то что у Вас получается.

Пользуйтесь  CSS3 Generator


Понравился пост, подпишись на обновления

Понравилась статья? Получай свежие статьи первым по e-mail

[newsletter_signup_form id=0]

4 раз(а) написали о “Как создать блок через CSS в 5 кликов

  1. Отличный сервис, давно им пользуюсь. *THUMBS UP*

    Ответить
  2. Отличный генератор, только что зашла, потыкала по кнопкам и я просто в восторге. Ведь иногда так намучаешься с этими тэгами, где-то прозеваешь, кавычки не поставишь или тег не закроешь и начинаешь весь код пересматривать ( я не сильно давно изучаю CSS, поэтому не могу с первого взгляда понять где ошибка). А тут зашла, выбрала, что мне надо и скопировала уже готовый код. А можно ли такой генератор на комп себе скачать?

    Ответить
    • offline версии я такой не встречал.

      Ответить
  3. На подобии вы уже постили сервис только функциональней, но этот тоже нравится как то демонстрация лучше сделана, спасибо

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.