Конвертувати LESS у CSS
Форма для перетворення LESS в CSS
Ця форма дозволяє конвертувати LESS стилі в CSS, вставте або завантажте LESS файл нижче:
Результат перетворення LESS в CSS
Перенести до "Вставити код" для збереження
Про перетворення LESS в CSS
Про перетворення LESS стилів у CSS
Конвертер LESS у CSS був створений для оперативного перетворення стилів LESS (Leaner Style Sheets) у CSS (Cascading Style Sheets). Немає необхідності завантажувати або інсталювати будь-яке програмне забезпечення.
Як це працює?
Просто виберіть потрібні параметри та вставте LESS стилі у текстове поле вище та натисніть кнопку "Конвертувати", і ви відразу отримаєте CSS код.
Приклад перетворення LESS в CSS
Вхідні дані (До):.menu_wtools { width: 100%; background-color: #005555; ul { margin: 0; padding: 0; float: left; li { display: inline; a { float: left; text-decoration: none; color: white; padding: 10.5px 11px; background-color: #005555; &:visited { color: white; } } a:hover, .current { color: white; background-color: #5FD367; } } } }Кінцевий результат (після):
.menu_wtools { width: 100%; background-color: #005555; } .menu_wtools ul { margin: 0; padding: 0; float: left; } .menu_wtools ul li { display: inline; } .menu_wtools ul li a { float: left; text-decoration: none; color: white; padding: 10.5px 11px; background-color: #005555; } .menu_wtools ul li a:visited { color: white; } .menu_wtools ul li a:hover, .menu_wtools ul li .current { color: white; background-color: #5FD367; }Після перетворення можна застосувати CSS стилі до свого проекту або використовувати його для інших цілей.
Пожертвувати
Вам сподобався цей інструмент? Ви можете задонатити нам. Це допоможе нам покращити наші безкоштовні веб-інструменти.
Paypal