1.transitionTransition过渡效果一般是通过浏览器直接改变元素的CSS属性，从一种状态过渡到另一种状态来实现的。在CSS中创建一个简单的过渡效果可以通过以下步骤实现：首先，在默认样式中声明元素的初始状态样式；第二，声明过渡元素的最终状态样式，比如浮动状态；第三，在默认样式中通过添加过渡功能来添加一些不同的样式。transition是一个简写属性，用于设置四个过渡属性：transition:2s3salllinear;(transitiontimedelaytimepropertyspeed)下表列出了所有的transition属性：1.transition-property2.transition-duration3。transition-timing-function4.transition-delay例子：在一个例子中使用所有的过渡属性：2.animation动画CSS3@keyframes规则要在CSS3中创建动画，你需要学习@keyframes规则。在@keyframes中指定CSS样式会创建一个从当前样式逐渐变为新样式的动画。1、什么是CSS3中的动画？动画是将元素从一种样式逐渐更改为另一种样式的效果。您可以根据需要更改任意数量的样式。请使用百分比指定变化发生的时间，或使用关键字“from”和“to”，它们相当于0%和100%。0%是动画开始，100%是动画结束。为了获得最好的浏览器支持，您应该始终定义0%和100%选择器。2.CSS3动画属性animation：自定义名称duration动画类型延迟次数；下表列出了@keyframes规则和所有动画属性：示例：改变背景颜色和位置：运行名为myfirst的动画，设置了所有动画属性：如果文中有不妥或错误的地方，希望大家指正高手，可以指出来，以免误导他人。如果您有更好的建议，不妨留言讨论，共同进步！再次感谢您耐心阅读本文。vx:bsl521921
