用css3 怎么完成以下效果
要求：宽度为257px。鼠标经过，蓝色区域从底向上慢慢滑动至顶端。鼠标经过前 鼠标经过后
你可以给这张卡片的容器设置为overflow：hidden，使用transfrom：translateY将卡片移动至你想要的位置(只露出顶部），同时给卡片添加transition：1s。然后给祖先元素容器设置hover伪类，鼠标移动上时修改卡片的transfrom：translateY（0）（也就是卡片最初的位置）将卡片的位置修改为原先的位置，这样就可以实现了。因为给卡片加了transition所以会有从下往上慢慢移动的过渡效果
实际上用jquery更好写一点