ကိုယ်စားပြုခြင်း CSS လှုပ်ရှား ဗဟိုဆောင်သူ

定义和用法

一些 CSS 属性可用于动画制作,这意味着它们可用于过渡等效果中。

可设置动画的属性可以从一个值逐渐更改为另一个值,例如尺寸、数字、百分比和颜色。

浏览器支持

表格中的数字注明了完全支持 CSS 动画的首个浏览器版本。

-webkit-、-moz- 或 -o- 后面的数字注明了使用前缀的第一个版本。

43.0
4.0 -webkit-
10.0 16.0
5.0 -moz-
9.0
4.0 -webkit-
30.0
15.0 -webkit-
12.0 -o-

实例

设置背景颜色从红色到蓝色的动画:

@keyframes mymove {
  from {background-color: red;}
  to {background-color: blue;}
}

亲自试一试

动画相关属性

下面的表格中列出了 CSS 中的动画相关属性:

属性 TIY
background ကျင်းပပြီ
background-color ကျင်းပပြီ
background-position ကျင်းပပြီ
background-size ကျင်းပပြီ
border ကျင်းပပြီ
border-bottom ကျင်းပပြီ
border-bottom-color ကျင်းပပြီ
border-bottom-left-radius ကျင်းပပြီ
border-bottom-right-radius ကျင်းပပြီ
border-bottom-width ကျင်းပပြီ
border-color ကျင်းပပြီ
border-left ကျင်းပပြီ
border-left-color ကျင်းပပြီ
border-left-width ကျင်းပပြီ
border-right ကျင်းပပြီ
border-right-color ကျင်းပပြီ
border-right-width ကျင်းပပြီ
border-spacing ကျင်းပပြီ
border-top ကျင်းပပြီ
border-top-color ကျင်းပပြီ
border-top-left-radius ကျင်းပပြီ
border-top-right-radius ကျင်းပပြီ
border-top-width ကျင်းပပြီ
bottom ကျင်းပပြီ
box-shadow ကျင်းပပြီ
clip ကျင်းပပြီ
color ကျင်းပပြီ
column-count ကျင်းပပြီ
column-gap ကျင်းပပြီ
column-rule ကျင်းပပြီ
column-rule-color ကျင်းပပြီ
column-rule-width ကျင်းပပြီ
column-width ကျင်းပပြီ
columns ကျင်းပပြီ
filter ကျင်းပပြီ
flex ကျင်းပပြီ
flex-basis ကျင်းပပြီ
flex-grow ကျင်းပပြီ
flex-shrink ကျင်းပပြီ
font ကျင်းပပြီ
font-size ကျင်းပပြီ
font-size-adjust
font-stretch
font-weight ကျင်းပပြီ
grid ကျင်းပပြီ
grid-area ကျင်းပပြီ
grid-auto-columns ကျင်းပပြီ
grid-auto-flow ကျင်းပပြီ
grid-auto-rows ကျင်းပပြီ
grid-column ကျင်းပပြီ
grid-column-end ကျင်းပပြီ
grid-column-gap ကျင်းပပြီ
grid-column-start ကျင်းပပြီ
grid-gap ကျင်းပပြီ
grid-row ကျင်းပပြီ
grid-row-end ကျင်းပပြီ
grid-row-gap ကျင်းပပြီ
grid-row-start ကျင်းပပြီ
grid-template ကျင်းပပြီ
grid-template-areas ကျင်းပပြီ
grid-template-columns ကျင်းပပြီ
grid-template-rows ကျင်းပပြီ
height ကျင်းပပြီ
left ကျင်းပပြီ
letter-spacing ကျင်းပပြီ
line-height ကျင်းပပြီ
margin ကျင်းပပြီ
margin-bottom ကျင်းပပြီ
margin-left ကျင်းပပြီ
margin-right ကျင်းပပြီ
margin-top ကျင်းပပြီ
max-height ကျင်းပပြီ
max-width ကျင်းပပြီ
min-height ကျင်းပပြီ
min-width ကျင်းပပြီ
object-position ကျင်းပပြီ
opacity ကျင်းပပြီ
order ကျင်းပပြီ
outline ကျင်းပပြီ
outline-color ကျင်းပပြီ
outline-offset ကျင်းပပြီ
outline-width ကျင်းပပြီ
padding ကျင်းပပြီ
padding-bottom ကျင်းပပြီ
padding-left ကျင်းပပြီ
padding-right ကျင်းပပြီ
padding-top ကျင်းပပြီ
perspective ကျင်းပပြီ
perspective-origin ကျင်းပပြီ
right ကျင်းပပြီ
text-decoration-color ကျင်းပပြီ
text-indent ကျင်းပပြီ
text-shadow ကျင်းပပြီ
top ကျင်းပပြီ
transform ကျင်းပပြီ
transform-origin ကျင်းပပြီ
vertical-align ကျင်းပပြီ
visibility
width ကျင်းပပြီ
word-spacing ကျင်းပပြီ
z-index ကျင်းပပြီ