#calcsize — Public Fediverse posts

[Перевод] Упрощаем CSS-анимации с помощью свойств display и размеров элемента

До недавнего времени далеко не все свойства CSS можно было анимировать. Например, чтобы создать эффект плавного появления или исчезновения элемента, приходилось использовать свойство opacity, а не display, поскольку display нельзя было анимировать. А проблема в том, что визуально скрытый элемент всё же оставался на странице. В статье сравниваем традиционные методы и новые функции Chrome, с помощью которых можно анимировать свойство видимости и изменение размера элемента.

https://habr.com/ru/companies/netologyru/articles/860548/

#css #javascript #анимации_css #display #keyframes #анимирование #opacity #плавная_анимация #размер_элемента #calcsize

[Перевод] Упрощаем CSS-анимации с помощью свойств display и размеров элемента

До недавнего времени далеко не все свойства CSS можно было анимировать. Например, чтобы создать эффект плавного появления или исчезновения элемента, приходилось использовать свойство opacity, а не display, поскольку display нельзя было анимировать. А проблема в том, что визуально скрытый элемент всё же оставался на странице. В статье сравниваем традиционные методы и новые функции Chrome, с помощью которых можно анимировать свойство видимости и изменение размера элемента.

https://habr.com/ru/companies/netologyru/articles/860548/

#css #javascript #анимации_css #display #keyframes #анимирование #opacity #плавная_анимация #размер_элемента #calcsize

[Перевод] Упрощаем CSS-анимации с помощью свойств display и размеров элемента

До недавнего времени далеко не все свойства CSS можно было анимировать. Например, чтобы создать эффект плавного появления или исчезновения элемента, приходилось использовать свойство opacity, а не display, поскольку display нельзя было анимировать. А проблема в том, что визуально скрытый элемент всё же оставался на странице. В статье сравниваем традиционные методы и новые функции Chrome, с помощью которых можно анимировать свойство видимости и изменение размера элемента.

https://habr.com/ru/companies/netologyru/articles/860548/

#css #javascript #анимации_css #display #keyframes #анимирование #opacity #плавная_анимация #размер_элемента #calcsize

[Перевод] Упрощаем CSS-анимации с помощью свойств display и размеров элемента

До недавнего времени далеко не все свойства CSS можно было анимировать. Например, чтобы создать эффект плавного появления или исчезновения элемента, приходилось использовать свойство opacity, а не display, поскольку display нельзя было анимировать. А проблема в том, что визуально скрытый элемент всё же оставался на странице. В статье сравниваем традиционные методы и новые функции Chrome, с помощью которых можно анимировать свойство видимости и изменение размера элемента.

https://habr.com/ru/companies/netologyru/articles/860548/

#css #javascript #анимации_css #display #keyframes #анимирование #opacity #плавная_анимация #размер_элемента #calcsize