Как создать блок через CSS в 5 кликов
Online-сервисы Заметки по CSS

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

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

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

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

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

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

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

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

Новые посты

Сервис вечных ссылок Trastik

Гордеев Игорь

Красивые градиентные кнопки на CSS3 для всех браузеров

Гордеев Игорь

CSS3 стили изображения с изменяющимся размером

Гордеев Игорь

4 комментария

Zy 24.08.2011 / 17:39

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

Ответить
Lubava 29.02.2012 / 01:12

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

Ответить
Гордеев Игорь 29.02.2012 / 13:05

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

Ответить
intelegent 09.06.2012 / 00:49

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

Ответить

Оставить комментарий