0
为什么这不起作用?我想在开始时,我的元素类将不可见,并逐渐显现出来。为什么这个动画/转换不起作用?
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<meta charset="utf-8">
</head>
<body>
<div class="element"></div>
</body>
</html>
和我的CSS:
.element {
width: 200px;
height: 200px;
background: purple;
transition-duration: 3s;
-webkit-transition-duration: 3s;
animation-name: coucou;
}
@keyframes coucou {
from {
opacity: 0;
}
to {
opacity: 1;
}
}