css动画用什么规则
keyframes是CSS的一种规则，可以用来定义CSS动画的一个周期的行为，创建简单的动画。css @keyframes作用：通过 @keyframes 规则，您能够创建动画。说明：创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。
可以使用CSS中的animation属性和@keyframes规则来实现图片自上而下落下来的动画效果。
keyframes规则用于指定动画规则，定义一个CSS动画的一个周期的行为；可通过沿动画序列建立关键帧来指定动画序列循环期间的中间步骤。动画是使用可变的CSS样式创建的；在动画期间，CSS属性可以多次更改。
使用CSS3动画属性：CSS3提供了一些动画属性，如transition、animation和transform，可以用来制作简单的引导层动画。例如，可以使用@keyframes规则定义一个动画序列，然后将其应用到元素上。
当变化有了平滑的效果后就产生了动画，它是一个公式化的变化，在比较规则的动画效果中我们可以使用，例如：旋转的风车、行驶的汽车、颜色的渐变等等； animation 的动画效果更加灵活，可以实现像影片一样的复杂无规则的动画。
首先了解一下animation的所有属性 W3school是这样定义的：然后我们用@keyframes 规则来创建两个我们要执行的动画 接下来我们把写好的两个效果捆绑在“div”元素上 ， 如下：这样效果就完成了。
用CSS3做动画效果用什么工具
1、使用JavaScript库：有许多JavaScript库可以用来制作复杂的引导层动画，如jQuery、GreenSock和Animate.css。这些库通常提供了丰富的动画效果和易于使用的API，可以帮助您快速创建吸引人的引导层动画。
2、用PS做的是效果图，需要前端开发人员编写代码才可以在网站上展示出来。简单来说，在PS里做好之后，需要切图。把图片切割成适合在网站上浏览。切图时需要把文字分离出图片的要处理好。
3、使用CSS3动画：通过CSS3中的transition、animation属性，可以实现网页中的动画效果。
uniapp的动画运用(四)如何与css3动画结合使用《消息列表循环滚动》
1、系统设置。uniapp是一个使用Vuejs开发所有前端应用的框架，使用uniapp的时候会多次调用animation的原因是因为系统设置的影响，animation指的是一种动画，逐格拍摄平面图画或立体物体，使它产生运动幻觉的一种电影。
2、步骤1：创建uniapp项目。在uniapp开发环境中，选择创建一个新的uniapp项目。步骤2：配置uniapp项目。在项目配置中，设置所需的基本信息，如项目名称、目录结构、页面模板等。步骤3：导入dz论坛网页。
3、创建一个名为“sound”的文件，将选择的提示音文件放入其中。在阿里推送控制台中，找到需要设置提示音的应用，点击应用名称进入应用详情页面。在应用详情页面，找到“客户端”选项卡，点击“自定义声音”按钮。
4、悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
5、我近期在uniapp插件市场中找到一款叫做GoEasy的插件，使用下来整体效果不错，你也可以试试。他们有提供相关的demo，结合demo和开发文档一起看，上手很快的。
scrollLeft能用css3的transition做动画吗
可以用CSS3的动画出做滚动，不过可操控性和便捷性都不如用JS了。
我们没有使用transform-origin改变元素原点位置的情况下，CSS变形进行的旋转、移位、缩放等操作都是以元素自己中心（变形原点）位置进行变形的。
使用CSS3动画属性：CSS3提供了一些动画属性，如transition、animation和transform，可以用来制作简单的引导层动画。例如，可以使用@keyframes规则定义一个动画序列，然后将其应用到元素上。
CSS3Gen - CSS3动画生成器CSS3Gen为你提供了一个易于使用的可以快速生成基本动画的动画生成器。虽然你无法使用它来完成复杂的作品，但是如果你想要不费劲的创建一个标准的动画，这个工具将会是一个很好的选择。
css多行li上下滚动
如@suyie001所说，css中position：fixed属性是可以实现题主的问题，但是在IE6下有Bug。不考虑IE6的话，可以参考下面链接实现。
在title标签后新建一个styletype=text/css/style标签。
让图片和文字滚动以前是用marquee/marquee标签，不过现在已经很少人使用这个标签了，因为局限性太大！现在一般都采用JS的方式或jquery具体的看你的具体需求才能使用相应的代码。
倒序显示并不是把三个li倒过来，而是把里面的内容倒序从数据库读取出来，这个不是你需要考虑的问题，交给后台处理就行。如果你做静态页面的话也只要把3的内容直接颠倒过来就行了。
css，“”和“css”之间有一个空格。 在做手机轮播图时，banner图的宽度是手机屏幕的宽度，轮播图加了左右切换按钮，按钮的position：absolute；定位的元素，定位的元素超出父容器时(超出了100%)，会出现滚动条。
css3文字滚动动画的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html5文字滚动效果、css3文字滚动动画的信息别忘了在本站进行查找喔。