css3制作动画的3个属性，css3动画属性有哪些

如何用css制作动画效果?

首先新建一个html空白文档，取名字叫做css3动画，保存一下。然后写html结构，只需要一个div元素即可，class名字叫做img 设置其边框为不同的颜色，边框宽度设置成100px。

可以使用CSS中的animation属性和@keyframes规则来实现图片自上而下落下来的动画效果。

transition ，所在元素块样式变动时启动，可用于样式变动时 产生过渡动画效果 | transition-property | 规定设置过渡效果的 CSS 属性的名称。 | | transition-duration | 规定完成过渡效果需要多少秒或毫秒。

相关问答

Q1: CSS系列篇:CSS3的常见属性

1、【相关视频教程：CSS3教程】css3的动画属性animation-name属性animation-name属性：定义动画名称，用于指定由规则定义的动画的一个或多个名称。

2、属性：background-attchment 取值： scroll：默认值，滚动 fixed：固定 属性：background-position 取值： 属性：background-size 取值： 属性：background-origin 取值： 属性：background-clip 取值： CSS3多背景通过为每个背景属性提供多个属性值实现。

3、CSS3高级属性可分为：选择器、盒模型、背景和边框、文字特效、2D/3D转换、动画、多列布局、用户界面。

4、CSS 边框属性允许你指定一个元素边框的 样式 和 颜色 。

Q2: CSS3中动画属性transform,transition和animation属性的区别

指代不同 animation ：属性是一个简写属性，用于设置六个动画属性。transition：属性是一个简写属性，用于设置四个过渡属性。

相比于过渡属性transition的设置，动画animation的实现支持更为复杂的动态样式效果。

transition ，所在元素块样式变动时启动，可用于样式变动时 产生过渡动画效果 | transition-property | 规定设置过渡效果的 CSS 属性的名称。 | | transition-duration | 规定完成过渡效果需要多少秒或毫秒。

transition和animation的一些区别。transition是过渡效果，animation是动画。transition只能指定起始状态(from)和结束状态(to)，animation可以有多个关键帧设置。transition需要有动作(hover等)来触发才能执行，animation可以自己执行。

Animation：在官方的Introduction上介绍这个属性是transition属性的扩展。但是这个简单的介绍里面包含了不简单的东西：keyframes。做过Flash动画的人都会知道，Flash里面有两个基础武器：时间轴和关键帧。

css3制作动画的3个属性的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css3动画属性有哪些、css3制作动画的3个属性的信息别忘了在本站进行查找喔。