[Перевод] Часы на синусах и косинусах в CSS

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

Уроки CSS на Хабрахабре, habrahabr.ru, Веб-дизайн, CSS, JavaScript, HTML, css, javascript, веб-разработка, веб-дизайн,

В этой статье осторожно прикоснёмся к sin() и cos(). Есть и другие функции, в том числе tan(), зачем же останавливаться только на синусе и косинусе? Они идеальны для размещения текста по краю круга. Об этом уже рассказывалось на CSS-Tricks, когда Крис поделился подходом к размещению текста по кругу с миксинами Sass. Это было шесть лет назад [оригинал опубликован 8 марта 2023 года], поэтому поработаем с размещением чисел по-новому.


Вот о чём я говорю:




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

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

Подробнее
[Перевод] О конфликтах Sass и сравнительно новых возможностей CSS

Сравнительно недавно в CSS появилось много интересных возможностей, таких, как CSS-переменные и новые функции. Хотя всё...

Подробнее
Ограничение длины текста через градиент

Рассмотрим создание эффекта ухода текста в прозрачность как альтернативу обрезания текста многоточием. Читать дальше →...

Подробнее
Базовые SEO-рекомендации при запуске сайта на WordPress. Часть 1

Салют! В этой статье рассмотрим основные моменты которым стоит уделить внимание новоиспеченному сайту под управлением...

Подробнее
Как отформатировать текст в Интернет по ширине с переносами

Большинство сайтов в интернете используют выравнивание текста влево и не используют переносы. Дизайнеры утверждают, что...

Подробнее
Зачем делать анализ сайтов конкурентов при подготовке к SEO-кампании? Пример из практики

Прежде чем предлагать новому клиенту варианты проведения SEO-кампании, мы провели бесплатный предварительный анализ...

Подробнее

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

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

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

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

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

https://t.me/tcsecms/

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