Jetpack延迟加载图像淡入

时间:2019-08-05 作者:Jacob Weissblum

我正在使用Jetpack延迟加载图像,并希望使用CSS很好地淡入其中。我尝试在我的主题中添加以下CSS:

.jetpack-lazy-image {
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

.jetpack-lazy-image--handled {
    opacity: 1;
}
但这行不通。我还尝试将此添加到默认的WP主题中,但效果不太好。有人能告诉我我错过了什么吗?

非常感谢。

1 个回复
SO网友:mlaroy

哪个部分不工作?您可能需要更改transition属性以包含名称和延迟。可选择添加计时:

.jetpack-lazy-image {
    opacity: 0;
    transition: opacity 0.3s ease;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/transition

相关推荐

Use wget to find used images

我正在寻找方法来清理一个站点的图像目录,该站点已经被未使用的图像和缩略图超载。是否可以使用wget只下载站点上html页面引用的图像?我注意到可以浏览下载文件夹并查看列出的文件,所以我假设直接的wget-r将下载这些文件。如何使用wget,但不包括对上传目录进行爬网?