Очень рептилийский стиль!
Добавьте один, повернутый на 60 градусов против часовой стрелки, затем на 180 градусов вокруг оси Y, и вы получите глаза воскрешённого
Добавьте зеркальное отражение, повернутое вокруг оси Y, чтобы получить два изображения (глаза).
Идите на Discourse, тираннозавр.
Да, не могу выкинуть это из головы, и мне определённо нужно больше выбираться из дома.
Я добавил здесь загрузчик для одноколёсника! https://unicyclist.com
Классно!
Исходная анимация была создана мной с использованием только CSS, и я попросил Gemini «преобразовать» её (так сказать) в SVG.
На экране загрузки https://unicyclist.com полоса загрузки, кажется, выходит за пределы фона.
Спасибо. Пользователь сообщил об этом. Были некоторые странности с SVG (?), из-за которых изображение выглядело… странно при загрузке в пост, но не на экране загрузки.
Например, вот эта старая версия:
Здесь она выглядит полностью сломанной, даже при клике на неё (показывается двойная полоса загрузки…).
Но выглядит нормально при использовании в качестве загрузочного экрана.
Я бездумно попросил Gemini «исправить это», и он создал SVG, который я опубликовал, и он выглядит нормально, однако, по-видимому, у некоторых пользователей есть проблема с полосой прогресса. Я предполагаю, что именно это вы видите:
У меня нет никаких проблем в Windows Chrome/Firefox или Android/Chrome.
Не знаю, есть ли какая-либо связь между Discourse и этими сбоями.
Итак, чтобы оставаться в теме: кроме анимаций, не основанных на CSS, есть ли что-то, о чём следует помнить, когда мы хотим использовать анимированный SVG для загрузочного экрана?
Я использую clipPaths в моих SVG, чтобы предотвратить выход элементов за границы.
Возможно, было бы эффективно дать команду Gemini следующим образом:
В этом SVG полоса загрузки выходит за пределы фона. Пожалуйста, измените её так, чтобы она оставалась в пределах фона, используя clipPath.
Спасибо большое за эту функцию! Я тоже попробовал, пока не совсем доволен, но работаю над исправлением 
