Category: it

Спектральные классы на чистом 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