不写任何js实现手风琴和选项卡效果

在10年前有一个软件叫qq&＃xff0c;它的面板实现了一种推拉效果&＃xff0c;后来有人命名为“手风琴”效果并在网页上通过js实现了这个效果&＃xff0c;到今天这种效果依然在一些后台管理界面中存在着。还有一种效果&＃xff0c;即window系统实现的一种选项卡的效果&＃xff0c;不同标签切换显示对应标签下的内容&＃xff0c;后来这种效果也广泛地被应用到网页中&＃xff0c;那么是不是实现这些效果&＃xff0c;必须要写js代码呢&＃xff0c;答案是否定的&＃xff0c;今天我带大家通过css3的:target伪类选择器实现这两种司空见惯的效果。

手风琴案例&＃xff1a;

效果图&＃xff1a;