Я бы хотел добиться эффекта -webkit-box-рефлекса и в других браузерах (т.е. зеркальный текст с примененным градиентом). Например.
.textreflection {
-webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(100, 100, 100, 0.4)));
}
Я открыт для серверной части (PHP, т. Е. Счастлив генерировать изображения на стороне сервера для замены текста) и на стороне клиента (Javascript - jQuery).
Я пробовал пару плагинов jQuery, но они либо выглядели неправильно, либо не работали должным образом со всеми размерами шрифта ( FontEffect и jquery.textreflection).
Есть идеи, как мне добиться этого эффекта элегантным кросс-браузерным способом, пожалуйста?
PS. Мне также было бы интересно, если кто-нибудь знает какие-либо решения HTML5 / Canvas, о которых я могу помнить для дальнейшего использования (я не могу использовать их в этом случае, но все равно хотел бы взглянуть)