如何制作这样的css动画？

我想知道如何使用css制作此类动画： 当您滚动到带有worker的图像时，图像将从0%宽度过渡到100%。

* { 保证金：0； 填充：0； } html， 身体{ 身高：100%； } div{ 背景：番茄； 宽度：100px； 高度：100px； -webkit动画：动画这1s轻松； -webkit动画填充模式：正向； } @-webkit关键帧为其设置动画{ 0% { 宽度：100px； 高度：100px； } 100% { 宽度：100%； 身高：100%； } }