小编Edu*_*oão的帖子

CSS图像水下效应

因此,我正在尝试使用Css关键帧在某些图像上实现水下效果.我正在使用"transform:skew"来做到这一点,但结果并不是很好,并且看起来并不是有机的.我希望这些图像以流畅的方式移动和扭曲,就好像它们在水下一样.

我的Css:

 @keyframes imgevento{
        0%, 100% {
            transform: skew(0deg, 0deg);

        }
        50% { transform: skew(2deg, 2deg);

        }
    }

    .imgevento{
        transform-origin:50% 50%;
        animation:imgevento 6s linear alternate infinite;
}
Run Code Online (Sandbox Code Playgroud)

无论如何我能用css达到我想要的结果吗?

css animation image transform keyframe

0
推荐指数
1
解决办法
804
查看次数

标签 统计

animation ×1

css ×1

image ×1

keyframe ×1

transform ×1