这个可以用css动画效果中的过渡transition或动画animation来实现，可以查看它们的用法，不怎么难。
创新互联建站主营兴宁网站建设的网络公司,主营网站建设方案,app软件开发,兴宁h5重庆小程序开发搭建,兴宁网站营销推广欢迎兴宁等地区企业咨询
首先，创建一个html文件，写出html文件的基础代码。在网页中新建一个div，并新建一个无序列表并创建4个标签。使用浏览器直接打开html文件，查看效果，看到创建的标签自带有固定格式。接下来去除标签的格式。
我们常常在制作类似按钮鼠标经过和移出效果时使用transition。通俗地说，transition是简化版的CSS3动画，而animation则是强化版的CSS3动画。
在 CSS3 出现之前，动画都是通过 JavaScript 动态的改变元素的样式属性来完成了，这种方式虽然能够实现动画，但是在性能上存在一些问题。CSS3 的出现，让动画变得更加容易，性能也更加好。
1、推荐你个系列的教程吧--《Buid New World》第十一集：使用 CSS 增加过渡和其他效果 平移translate，将元素平行移动，参数中分别指定水平方向上的移动距离与垂直方向上的移动距离。
2、在css3中transform主要包括以下几种： 旋转rotate、 扭曲skew、 缩放scale 和 移动translate 以及 矩阵变形matrix。
3、这段CSS3代码，定义波动效果的初始状态(0%)和结束状态(100%)，然后自动渐变。
4、transition， transform， tanslate，animation分别为过渡，变换，平移、动画。transform的属性包括：rotate() / skew() / scale() / translate(，) 。transform 属性向元素应用 2D 或 3D 转换。
1、其实在div标签中加入float：left属性即可。
2、第一种方法：数值计算，使用padding-left和padding-right计算 让这两个值相等 另一种抛弃div使用table td的 align属性 这样能做到夸浏览器，兼容性更好。div 目前没有很好的办法做到平行和垂直剧中，除非是文字。
3、默认情况下是单独占用一行的。你想让两个div水平放置，就得改变div的display属性。
4、div最好不要使用可以移动的，因为它是一种布局元素，如果你这能动，拿到不同的屏幕位置是不一样的。
5、如果你要做上下滑动效果就给最外层的加个overflow：auto 给个宽高 当中间的超过就会有滚动条，滚动条的样式自己可以去修改。
1、transition也可实现动画。transition强调过渡，是元素的一个或多个属性发生变化时产生的过渡效果，同一个元素通过两个不同的途径获取样式，而第二个途径当某种改变发生（如hover）时才能获取样式，这样就会产生过渡动画。
2、下面说一下制作动画的步骤：一：自己要清楚自己所要做的动画的一个整体形态，首先就是要建模二：拆分动画形态，就是每帧的形态，或者是一个时长动画的开始和结束形态，中间过程的变化形态。
3、然而 transition 只是指定了开始和结束态，整个动画的过程也是由特定的函数控制。
4、过渡动画效果： 将标签的样式变化以连续平滑的方式显示， 类似于动画。 1）transition-property： 设置过渡需要表现表现的样式属性，通常使用 all 来设置所有样式变化都用过渡显示。
1、所谓滑动门技术，就是标签像一个滑动门一样，可以根据内容的大小自由滑动。下面通过一个图片来说明其原理：这种技术几年前用的比较多，那时候设计风格还不是现在这种扁平化。
2、标签元素css样式中设置一个位置，伪类中设置另一个位置，当鼠标经过时，css发生变化，由此实现滑动门效果使用锚点使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。
3、这个效果是用 css 和 js(javascript)实现的。在baidu搜 滑动门特效 ，可以找到相关的js代码。能够实现点击或鼠标滑动到标题上，下面的内容自动切换的效果。要配合修改css样式，才能达到你要求的效果。
1、，原点 transform-origin CSS变形进行的旋转、位移、缩放，扭曲等操作都是以元素自己中心位置进行变形。
2、rotate()：用来旋转元素。skew()：用来让元素倾斜。在此基础上有两个扩展函数：skewX()和skewY()。matrix()：定义矩阵变形，基于X轴和Y轴坐标重新定位元素位置。
3、在css3中transform主要包括以下几种： 旋转rotate、 扭曲skew、 缩放scale 和 移动translate 以及 矩阵变形matrix。
