Хороший способ, я кстати подумывал и о такой реализации, но она к сожалению не решает проблемы с тенью (если css-тень захочется сделать у диагональной линии).
Однако мне ни разу еще не попадался человек, который бы в повседневной речи использовал этот термин. Обычно все-таки говорят «баллун» или еще чаще «облачко».
Немного топорно — это да. Есть такое. Все-таки графикой (пока?) можно намного интересней сделать. Вот, например, на Я.Новостях хвостик у баллуна загнутый. CSS-ом не очень представляю как такой сделать даже для «правильных» браузеров.
Это неудачная попытка сделать «угадывалку» аккордов (откровенно мозгов не хватило). Скрипт по ссылке занимается расчетами для тональностей. Умеет строить хроматическую гамму, вычислять ступени, натуральную, гармоническую и мелодическую гаммы плюс в более старой версии оно еще умело строить аккорды и интервалы.
Однако мне ни разу еще не попадался человек, который бы в повседневной речи использовал этот термин. Обычно все-таки говорят «баллун» или еще чаще «облачко».