react gl transition image:延迟加载和过渡您的React图像并具有一些WebGL glsl的美感:party_popper: 源码

Reactgl过渡图像 :artist_palette: 延迟加载和过渡您的React图像并具有WebGL glsl的美感 :party_popper: 。 易于使用,提供了8种不同的转换,您可以轻松地从移植任何转换! 安装 npm install --save react-gl-transition-image 现场演示 观看包含所有转换的现场演示。 该代码在此存储库的example/目录中可用。 用法 从设计上来说是非常裸露的骨头,并且不处理实际的动画或视图检测以提供更大的灵活性。 它以最简单的形式接受图像src prop和progress prop,指示动画的标准化进度(介于0和1之间的值)。 将增长以填充包装div的尺寸,并使用background-size: cover兼容算法绘制给定图像。 当progress >== 1 ,出于性