请问如下效果怎么实现？

这样的一个效果？Codepen Demo

主要是使用 transform 这个CSS属性，渐变色可以使用 background:linear-gradien()。搭配上 animation 动画就可以实现了

后面提到的从左上角到右下角的渐变透明可以使用 mask 遮罩来实现。

阅读更多

linear-gradient() - CSS（层叠样式表） | MDNtransform - CSS（层叠样式表） | MDNanimation - CSS（层叠样式表） | MDN@keyframes - CSS（层叠样式表） | MDNmask - CSS（层叠样式表） | MDN