转换排序网页上显示的内容

Question

寻找办法something like this。

当您点击某个部分时，它可以很好地转换它们。

它是一个Jquery插件还是用CSS完成的？

Answer 1

你可以用jQuery和CSS来做，但CSS支持比以jQuery为中心的解决方案更糟糕。

尝试使用这样的东西与jQuery一起使用......

$('outerdiv').click(function() {
  // `this` being the html element clicked on
  $(this).fadeOut(function() {  //After fadeOut completes,

    $('.page-to-show').fadeIn();  //Fade in target page

  });
});

如果您需要有关如何进行此设置的更多建议，请与我们联系。

Answer 2

看起来你想要这个插件的内容：Quicksand

Answer 3

尝试这个。 注意：.cont代表div的名称或您要淡入的物体的名称

.cont{
animation: transitionIn 2s;
}
@keyframes transitionIn{
from{
opacity: 0;
transform: rotateX(-10deg);
}
to{
opacity: 1;
transform: rotateX(0);
}
}