css3动画能内嵌么 |css样式不兼容

div {
animation: my-animation 2s infinite;
-webkit-animation: my-animation 2s infinite; /* Safari and Chrome */
}
@keyframes my-animation {
0% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes my-animation {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.5);
}
100% {
-webkit-transform: scale(1);
}
}

上面的代码演示了一个简单的CSS3动画，大家可以看到，在两个关键帧之间进行了缩放变换，完成了一个心跳效果。这个动画可以内嵌在HTML文件中，只需在CSS样式表中引用。

正因为CSS3动画可以内嵌，所以大家可以使用它们为网页添加更多细节和动画效果。例如，为按钮添加过渡效果或为导航栏添加hover效果。

总之，CSS3动画可以内嵌，而且使用起来非常简单。通过CSS3动画，大家可以为网页添加更多细节和动画效果，提高用户体验。