这是一款js和CSS3点击展开页面动画特效。在该特效中,当用户点击了按钮之后,页面或沿X轴页Y轴收缩,将下面的介绍页面展现出来。

在该特效中使用了CSS grid等技术,所有不是所有的浏览器都支持该特效。

下面是该js和CSS3点击展开页面动画特效的一些截图效果:

js和CSS3点击展开页面动画特效-1

js和CSS3点击展开页面动画特效-2

该js和CSS3点击展开页面动画特效的github地址为:https://github.com/codrops/CollapsingLogo/