/* ---------- Effects ---------- */
/*
==============================================
div - fadeIn
==============================================
*/
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
visibility: visible !important;
}
@-webkit-keyframes fadeIn {
0% {
-webkit-transform: scale(0);
opacity: 0.0;
}
60% {
-webkit-transform: scale(1.1);
}
80% {
-webkit-transform: scale(0.9);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes fadeIn {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0.0;
}
60% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
80% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
<div class="fadeIn">Test Me!</div>
我在这里做错了什么? 提前谢谢