Есть ли CSS-генератор/редактор, где, нарисовав произвольную фигуру (div в html), можно увидеть её код в css?

Question

[distorting_reality]

То есть рисуешь произвольную фигуру, к примеру, круг. Мышкой, как в Paint, короче. И тут же видишь css-код, который рисует этот круг. К примеру,
#circle {
width: 60px;
height: 60px;
border-radius: 30px;
position: absolute;
background: red;
}
Есть ли такой CSS-генератор/редактор?

Answer 1

[pi314]

Вы не попутали часом CSS с SVG ? Потому, что CSS - это не про фигуры, а про стили и свойства элементов DOM :)

Comments

[Юрий Лобанов]

Ах, вон оно что ))

[Юрий Лобанов]

@pi314 в последнее время все можно делать на css )

[pi314]

@iiil Ну, как бы, сделать можно хоть на ассемлере, вопрос только в том, нужно ли... Особенно, когда есть инструмент, прямо предназначенный для того, что хочется сделать :)

[Константин]

Да ну? Во просветил-то!
А это что: enjoycss.com/start ?

[pi314]

Константин   : А это, судя по всему - yet another one визуальный редактор CSS. Стильный-модный-молодёжный, но - увы - в контексте вопроса достаточно бесполезный, ибо автору хотелось "рисовать произвольные фигуры мышкой". Если что, значение слова "произвольные" можно найти в толковом словаре ;)

Answer 2

[Сергей Протько]

Если вам нужно делать сложные фигуры в оформлении - делайте либо картинками либо в SVG. Делать это на CSS пустая трата процессорного времени на перерисовку страничек.

Answer 3

[hashspark]

Вероятно имелось ввиду не css, а svg для него вот editor.method.ac
А для css вспоминается только возможности последнего фотошопа (последовательность такова):
раз два три

Comments

[shokomixer]

Спасибо за сервис. Мне очень пригодился.

Answer 4

[Юрий Лобанов]

Вы меня извините за скепсис, но что он вам даст? Учитывая количество примитивов, которое может дать даже css3, мы имеем не так много типов фигур. Их можно через тот же LESS запрограммировать, такой вариант куда больше годится для веб, ведь чаще всего нужны точные размеры, а не на глазок
Вот пример
codepen.io/iiil/pen/AfdEs

Comments

[distorting_reality]

Сложные произвольные фигуры сложно в css прописать - вот за этим он и нужен.

[Юрий Лобанов]

@distorting_reality что Вы имеете в виду под произвольными фигурами? Состоящие из нескольких частей? Так или иначе Вы получаете весьма ограниченный список примитивов, составляйте из них что хотите, хоть Гомера Симпсона habrahabr.ru/post/201750

[pi314]

@iiil Да, Симпсоны доставляют :) Изврат, конечно, но все равно круто!

[Юрий Лобанов]

@pi314 из разряда:
— зачем ты это сделал?
— потому что могу.

Answer 5

[Никита Рябин]

Не так всё просто, как вы думали)

Answer 6

[Deniz-Dezigner]

CSS-Shack почти оно

Answer 7

[Константин]

enjoycss.com/start