Оригинальный эффект гуляющей кошки, где при открытие мы сразу видим черного по цвету кота, который прогуливается по вашей страницы. Безусловно создано больше для привлечение, но главное, что все создано на чистом CSS. Ниже можно добавить описание, где есть есть собственный фирменный цвет, вы можете использовать его здесь, чтобы четко обозначить свой веб-сайт. В зависимости от используемых шрифтов вы можете изменять текстовые эффекты.
Очень интересный стиль. Но тут не ясно для чего такое подключать, если честно. Разве, что есть такой вот эффект, что на стилях можно реализовать. Загружается картинка со спрайтами, это отдельные фреймы... их можно спокойно упаковать в один GIF-файл или APNG (даже если нет графического редактора, то таких хватает сервисов, что предоставляют такие возможности онлайн, к примеру, сервис ezgif). Но тут, как понимаю, что можно менять скорость воспроизведения прямо через стиль, что в случае с графическим файлом - не выйдет, придётся делать новый файл. Думаю, что использование графического содержимого там будет даже меньше по весу на выходе, нежели использовать такой метод (в анимированной графике используется сжатие с потерями или без потерь даже оптимизация, а через стиль - этот стиль всё равно будет отдельно идти от графического файла со спрайтом). UPD.: а может, что и нет... ведь, если таких картинок с анимацией нужно несколько, то вес будет больше - дублируются фреймы, когда меняется та же скорость воспроизведения, наверное... и если посмотреть тот файл со спрайтами, так в нём еще несколько анимаций идёт, что кот садится, меняет скорость бега и вприпрыжку бежит... если отдельными файлами делать, то размер будет больше, нежели взять один оптимизированный спрайт, по цветовой палитре и прочему, и написать отдельные стили к нему... такие вот дела.
Сообщение отредактировал -SAM- - Среда, 09 Октября 2019, 01:45
