隨著網頁設計越來越注重界面的交互性，CSS3動畫庫的應用變得越來越普遍。而網易也發布了一款免費的CSS3動畫庫，供網頁設計師和前端開發者使用。

這個CSS3動畫庫名為“NE-animate”，提供了一系列的動畫效果，包括旋轉、翻轉、縮放、移動、淡入淡出等等。與其他的動畫庫不同的是，“NE-animate”不需要額外的JavaScript代碼，只需要通過添加class來實現動畫效果，非常簡單易用。

/* 通過添加class即可實現動畫效果 */
.ne-animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ne-fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

除了提供動畫效果類之外，NE-animate還提供了Animation End事件，用于檢測動畫結束的時機，并且可以自動清除動畫效果以及重置為原始狀態。

/* 添加Animation End事件 */
document.querySelector('.ne-animated').addEventListener('webkitAnimationEnd', function() {
this.classList.remove('ne-fadeIn');
});
document.querySelector('.ne-animated').addEventListener('animationend', function() {
this.classList.remove('ne-fadeIn');
});

總的來說，“NE-animate”是一款非常實用的CSS3動畫庫，可以幫助網頁設計師和前端開發者快速實現各種炫酷的動畫效果。