CSS animation-name Xác định tên cho một animation.

by Nguyen Khoa on 8:18 AM in Bendoi, CSS

animation-name ₃

Specifies a name for the @keyframes animation

Thuộc tính	giá trị	Ví dụ	Mô tả
animation-name	tên animation	animation-name: myAnimation;	Xác định tên cho một animation.

Xem ví dụ:

<style>
div
{
width:250px;
height:30px;
background:#DFECFA;
position:relative;
animation-name:mymove;
animation-duration:5s;
/* Firefox */
-moz-animation-name:mymove;
-moz-animation-duration:5s;
/* Safari and Chrome */
-webkit-animation-name:mymove;
-webkit-animation-duration:5s;
/* Opera */
-o-animation-name:mymove;
-o-animation-duration:5s;
}

@keyframes mymove
{
from {left:0px;}
to {left:200px;}
}

@-moz-keyframes mymove /* Firefox */
{
from {left:0px;}
to {left:200px;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
from {left:0px;}
to {left:200px;}
}

@-o-keyframes mymove /* Opera */
{
from {left:0px;}
to {left:200px;}
}
</style>
</head>
<body>

<div> Chỉ chạy 1 lần nên nhấn F5 để xem lại</div>