Есть ли CSS-генератор/редактор, где, нарисовав произвольную фигуру (div в html), можно увидеть её код в css?
То есть рисуешь произвольную фигуру, к примеру, круг. Мышкой, как в Paint, короче. И тут же видишь css-код, который рисует этот круг. К примеру,
#circle {
width: 60px;
height: 60px;
border-radius: 30px;
position: absolute;
background: red;
}
Есть ли такой CSS-генератор/редактор?
@iiil Ну, как бы, сделать можно хоть на ассемлере, вопрос только в том, нужно ли... Особенно, когда есть инструмент, прямо предназначенный для того, что хочется сделать :)
Константин : А это, судя по всему - yet another one визуальный редактор CSS. Стильный-модный-молодёжный, но - увы - в контексте вопроса достаточно бесполезный, ибо автору хотелось "рисовать произвольные фигуры мышкой". Если что, значение слова "произвольные" можно найти в толковом словаре ;)
Если вам нужно делать сложные фигуры в оформлении - делайте либо картинками либо в SVG. Делать это на CSS пустая трата процессорного времени на перерисовку страничек.
Вероятно имелось ввиду не css, а svg для него вот editor.method.ac
А для css вспоминается только возможности последнего фотошопа (последовательность такова): раздватри
Вы меня извините за скепсис, но что он вам даст? Учитывая количество примитивов, которое может дать даже css3, мы имеем не так много типов фигур. Их можно через тот же LESS запрограммировать, такой вариант куда больше годится для веб, ведь чаще всего нужны точные размеры, а не на глазок
Вот пример codepen.io/iiil/pen/AfdEs
@distorting_reality что Вы имеете в виду под произвольными фигурами? Состоящие из нескольких частей? Так или иначе Вы получаете весьма ограниченный список примитивов, составляйте из них что хотите, хоть Гомера Симпсона habrahabr.ru/post/201750