整体思路:弹性盒子布局,上下垂直居中,变成怪异盒模型。五张图片均分flex:1,未展开的图片明暗度为0.5(filter:brightness(1)
用于控制明亮效果,也可用百分比形式,0%
则为全黑
效果),鼠标移上图片明暗度变为1,点击图片展开动态添加过渡放大效果,并且图片明暗度变为1,放大的flex份数以自己想法调整即可,文字用定位实现即可
实现效果:![](https://i-blog.csdnimg.cn/blog_migrate/a954859bcb905596c82590f08c9865bb.png)
Expanding Cards(扩展卡)