CSS3繪製2018年新年快樂文字動畫特效

<風格>
@import url("https://fonts.googleapis.com/css?family=Ultra");
身體{
背景顏色：#070707;
字體系列：'Ultra'，襯線；
}

.container {
高度：250px；
寬度：450px；
填充：0；
邊距：0；
位置：固定；
上：0；
底部：0；
左：0；
右：0；
邊距：自動；
列表樣式類型：無；
邊框半徑：10px；
文字對齊：居中；
顏色：#E8DDB5；
字體大小：4rem;
行高：1；
}
.container .newYear {
顯示：內聯區塊；
字體大小：8rem;
邊距：0；
左：50%；
變換：translateX(-50%);
位置：絕對；
邊距：自動；
顏色：#070707；
動畫：animate 2s 輕鬆無限；
底部：0；
}

@keyframes 動畫 {
0%,100% {
文字陰影：4px 0px 1px #E8DDB5、6px 0px 1px #E8DDB5、8px 0px 1px #E8DDB5、10px 0px 1px #E8DDB5;
}
50% {
文字陰影：-4px 0px 1px #E8DDB5，-6px 0px 1px #E8DDB5，-4px 0px 1px #E8DDB5，-10px 0px 1px #E8DDB5;
}
}
</風格>

一款好看的CSS3相當於2018新年快樂文字動畫效果，字體是外部引用谷歌的某種英文字體樣式，如果換成中文的話，可以根據你的視力選擇字體。