Спектральные классы на чистом CSS

В астрономии звезды делятся на спектральные классы. Если просто - это шкала цвета звезд: от голубых до красных. Голубые звезды самые горячие, красные самые холодные.

Классы обозначаются латинскими буквами: O, B, A, F, G, K, M (и дальше дополнительные классы). Последовательность можно запомнить такой мнемонической фразой: Один Бритый Англичанин Финики Жевал Как Морковь или по-английски: O, Be A Fine Girl Kiss Me!

Условные картинки спектральных классов можно сделать на чистом CSS! Вот что у меня получилось. Я тестировал решение на Хроме и FF, на Win7, Ubuntu и Андроиде. Пожалуйста, отпишите в комментариях, если что не так. Некоторая постеризация (полосы вместо градиента) на слабых мониторах возможна.

(Продолжение следует.)



Class O
Class B
Class A
Class F
Class G
Class K
Class M
Class C


Posts from This Journal by “астрономия” Tag

  • Зимнее солнцестояние

    Зимнее солнцестояние было три дня назад, я пропустил сделать соответствующий пост. Исправляю ошибку и предлагаю два простых теста на тему. В первом…

  • В Хакасии упал метеорит. Или не упал? или не метеорит?

    В СМИ прошла новость: В Хакасии упал метеорит. Как-то так: " Вечером 6 декабря над южной частью Хакасии пролетел метеорит. Он сгорел в плотных слоях…

  • WGSN - декларация намерений

    Продолжу о названиях звезд и задачах нового отдела Международного астрономического союза, сформированного в этом году. МАС объединяет национальные…