Пишите анимацию без тонны CSS кода

[@annblok_webdev]

Демо опубликовала в ТГ t.me/frontendblok

[@bill8126]

Очень красиво получилось !

[@oldborodach]

Что-то мало комментариев и лайков за такой материал😮 очень жаль мне нравится ваша подача

[@TheWhiteFilm-sq6fk]

Обожаю ваши ролики, спасибо вам

[@yelstofs6117]

Очень круто! Спасибо!

[@arthurshaidullin7981]

1. думаю можно было бы попробовать использовать counter и умножать (делей) базовое значение на каунтер и тем самым получить очерёдность анимаций, больше коунтер, больше ждёт своей очереди.
2. при использовании переменной рекомендовал бы использовать "значение по умолчанию" (пускай даже и одинаковое), на случай если на фронтенде не будут переданы переменные через инлайновые стили.

[@pavel.zhukov]

counter не работает внутри calc.

[@unique-nickname-for-youtube]

Спасибо за видео. Если вместо перемещения в 0%, 40%, 100% поставить opacity: 0, а в 20% - opacity: 1, и время анимации сделать 2s, то эффект еще круче

[@alexanderyakushev4252]

Круто

[@siablo009]

Даже не знал, что так можно передавать значения)

[@dmitriyvaulin]

Супер!

[@andreasshev5748]

Thanks.

[@MrGentleAlex]

-webkit-box-reflect взял на вооружение 😉

[@russianpivko9872]

увы 0% поддержки в fireFox не позволят использовать его в реальных проектах

[@MrGentleAlex]

@@russianpivko9872 убрал из вооружения)

[@Agent-D]

Прикольно.

[@stassbass2010]

🎉🎉🎉

[@Alex_Forest]

Через Unity можно анимацию импортировать в HTML5 формате на сайт как браузерную игру?

[@Le69eR]

При использовании -webkit-box-reflect, vscode ругается: Property is nonstandard. Avoid using it.
Да и на самом MDN пишут, что лучше не использовать это :с

[@Studio_musician]

Anna hi! What program do you write the code in? Is it paid?

[@annblok_webdev]

@@Studio_musician codepen

[@александркурдюков-й4я]

Такая маленькая и не замужем до сих пор)

[@TheWhiteFilm-sq6fk]

Первыййй❤

[@stormbraker637]

@for i through 12