知道什么是手风琴效果吗?当鼠标滑过一排列表时,鼠标悬停的列表项会发生明暗度的变化,同时图片会放大显示。本课程通过讲解浮动布局、遮罩层、CSS3的transition属性、鼠标事件等知识点,教你实现鼠标悬停时图片明暗度变化、图片伸缩以及图片切换时速度的平滑过渡等效果等
1.HTML中无序列表的相关知识
2.掌握CSS样式的内容,尤其是CSS3的基础内容
3.对JavaScript中鼠标事件等知识熟悉
1.浮动布局的相关知识
2.掌握CSS3的transition属性
3.会用代码实现手风琴效果