团队项目冲刺第六天 网站首页前端制作

网站首页前端制作

在挑选了众多模板之后选择了 一个滑动手风琴的一个样式

其中手风琴的效果是对于一个ul标签的一个css样式制作

其中是一个超链接 然后其中包含一个h1标签和一个p标签

在鼠标移入超链接后整体进行滑动然后展开

显示和h1 和p标签

其中分别用div包裹

3个div

整体一个div包裹

制作一个整体div样式

然后分别对三个div进行css设计

完成滑动的主要属性就是

transition: all 0.5s ease-in-out 0.1s;

设置一个滑动时间 和整体滑动 一个运动函数

其中滑动的方向是由一个宽度来进行控制

然后对其他两个div进行了一个边距的设置设置成负值

然后就会带来一个整体的滑动