Как я создал меняющую настроения анимацию с помощью масок CSS

[vanxant]

Последний абзац улыбнул. Кроме ФФ пока никто без префиксов не держит. Так что -webkit-, да.
Но при чем тут -moz- и -o-?)

[homm]

Да не -o-, а -0-. Вы разве не слышали о браузере Нольпера?

[untilx]

Это всё объясняет, потому что Хропера сейчас, вроде как, использует префикс -webkit-, а -o- был только для Presto. Могу, конечно, ошибаться: с момента запуска хроперы ни разу не пришлось что-то в ней проверять. Но CanIUse говорит, что так оно и есть

[knuklus]

Именно так, инновации все равняются браузер — хромер

[na9ort]

Мне вот интересно.
Чисто академически всё это очень круто, что с помощью одного лишь CSS можно делать такие штуки.
Но как обстоят дела реально?
Если скажем сделать такую анимацию в реальном проекте и выложить на продакшн — это ведь самоубийство?
Оно мало того, что не работает во всех браузерах, так ещё и не факт, что будет корректно отображаться с работающими браузерами.

[demimurych]

Да сейчас это самоубийство. И дело не столько в корректности, сколько в сожранных ресурсах.
Все это пока джаст фор фан. Но, надеюсь, в ближайшем будущем все это оптимизируют.