代码如下：

CSS3滑入/滑出效果

扩展资料

web网页设计的重要注意事项：

1、网页版面设计合理性

网页设计过程中，一定要留意网页版式的合理性，通过合理的网页布局让用户浏览起来比较顺畅舒适，注意网页版式的设计，不要块块之间过于冗繁，显示拥挤，要有主次分明，注意简练大方。

2、运用舒缓的色彩设计

在网页色彩搭配上，采用淡色系进行页面设计，特别要注意颜色的分配，总体颜色不宜超过三种颜色，可以确定一个主颜色再加上辅助颜色进行点缀搭配，这样整体设计展现出来比较调和、舒缓，用户浏览页面也不会导致眼花缭乱，眼睛疲劳。

3、丰富的页面内容

丰富的内容赋予网页生命力，用户都是喜欢有新鲜、丰富内容的网页，一个受欢迎的网页设计一定是有丰富多彩的内容吸引用户的。

丰富内容的网页对于搜索引擎也是受欢迎的，当搜索引擎每次来到我们网站进行抓取内容的时候，如果我们的网页内容保持新鲜、原创，将会很快进行收录，这对于网站整体优化排名都是有好处的。

这种需要有个触发事件，我是以图片代替的，鼠标移动到图片上，div从左往右缓慢移动（这里设置了移动完成时间），鼠标离开图片div就会缓慢消失

应该是css3和css有什么区别吧？？css+div是前端完成web界面需要学习的，css3+div也可以完成界面了，，主要区别就是css3是css的升级吧，，说的俗点。。

他就是多增加了很多不一样的属性，比如keyframe的帧动画，border-radius圆角属性。。box-shadow盒子阴影等等，，但是就是目前还没办法完美兼容各个浏览器。。。可以直接搜索css3度娘就好给你很多答案的~~

CSS3滑入/滑出效果