Написать в telegram

Разбираемся с переменными в CSS на реальном примере

Скрипты и советы | 21 февраля 2020

Уроки CSS на Хабрахабре, habrahabr.ru, CSS, HTML, html, css, variables, переменные, solar system, солнечная система, animation, анимация, planet, планета,



Доброго времени суток, друзья!

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

«Замечательность» его (то бишь кода) состоит в практическом использовании переменных в CSS, что сильно облегчает написание стилей (использование переменных также обуславливает необычную структуру CSS). И, конечно, тема импонирует весьма — планеты Солнечной системы.

Оригинальный проект написан на Pug и Sass, мы же разберем его на HTML/CSS.

Итак, поехали.
Читать дальше →

Источник: Уроки CSS на Хабрахабре

Создаем анимированное слайдшоу на чистом CSS

Доброго времени суток, друзья! Устал от JS, переключись на CSS! Задача Сделать анимированное слайдшоу средствами CSS....

Подробнее
Как быстро прототипировать приложения с CSS-сеткой и CSS-переменными

Как CSS-сетка, так и CSS-переменные представляют собой мощные инструменты для frontend-разработчиков. Первое позволяет...

Подробнее
[Перевод] Почему мы предпочитаем CSS(--variable) переменным SASS($variable)?

С момента релиза CodyHouse Framework, пару месяцев назад, многие пользователи спрашивали нас, почему мы выбрали...

Подробнее
Нативные переменные в CSS. Уже пора…

Всем привет, тема переменных в CSS давно ходит по интернету, однако не все знают о том, что это такое, да и сама...

Подробнее
[Из песочницы] Сравнение Material Design CSS фреймворков

Доброго время суток. В статье рассказно о Material Design фреймворках для создания Web-страничек. Если вас интересует...

Подробнее
Парочка приемов работы с элементом iframe

Доброго времени суток, друзья! Задача Сделать нечто похожее на Dashboard на Codepen. Результат должен быть примерно...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями