像这种需求你可以用js或者jQuery编写。
如果不想使用js或者jquery，那么用css的过渡属性代码如下：
鼠标滑入，出现效果
transition: right .7s easeright为过渡的属性，可以是宽高，top/lelft/right/bottom/opacity等等。只要记住transition不能过渡display就行。.7s 为过渡所需要的时间，ease为过渡的样式，是匀速过渡还是先快后慢等等。
如果没有鼠标事件，那么就需要用到css3的动画，animation。css3的动画详情卡查看
css只是层叠样式表，是控制页面的样式的，并不能对一些操作进行控制。至于禁止鼠标滑轮的滚动是需要用js控制的，在js中有一个mousewheel事件，对这个事件进行设置，可以实现对鼠标滚轮的一些操作。以下是各个属性的解释，对照着看吧，都是css样式。
SCROLLBAR-FACE-COLOR: //滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR: //滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR: //立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR: //滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR: //上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR: //滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR: //滚动条强阴影的颜色
SCROLLBAR-BASE-COLOR: //滚动条的基本颜色
