Day03-尚品汇-Search模块中商品分类与过渡动画

1.在Serach组件里面

Day03-尚品汇-Search模块中商品分类与过渡动画_第1张图片

提出问题 (search组件能隐藏能显示)

Day03-尚品汇-Search模块中商品分类与过渡动画_第2张图片 

 1.定义两个鼠标事件

Day03-尚品汇-Search模块中商品分类与过渡动画_第3张图片

 2.

Day03-尚品汇-Search模块中商品分类与过渡动画_第4张图片

3.Day03-尚品汇-Search模块中商品分类与过渡动画_第5张图片 

4.Day03-尚品汇-Search模块中商品分类与过渡动画_第6张图片 

1--2---3--4综合图:

Day03-尚品汇-Search模块中商品分类与过渡动画_第7张图片 

5.加入动画效果

1加transition标签 2.在sort样式外面写过渡的样式

Day03-尚品汇-Search模块中商品分类与过渡动画_第8张图片

 

 

 

你可能感兴趣的:(实战,尚品汇,尚品汇)