为轮播标题加载动画 CSS

Question

有人知道如何使用这样的动画创建标题滑块：https://chadwickdesigns.com.au/ 吗？

Answer 1

对滑块使用延迟加载动画

$(".carousel.lazy").on("slide.bs.carousel", function(ev) {
var lazy;
lazy = $(ev.relatedTarget).find("img[data-src]");
if(lazy.length > 0){

  $("#loader_container").css("visibility","visible");
  $(".carousel-item img").on("load",function(){
    $("#loader_container").css("visibility","hidden");
  });

  lazy.attr("src", lazy.data('src'));
  lazy.removeAttr("data-src");
}});