如果你正在尋找一些可愛的CSS動畫來增強你的網站或博客的趣味性，那么小熊動畫代碼就是一個不錯的選擇。以下是一些可愛的CSS小熊動畫代碼，代碼片段使用pre標簽：

/* 小熊爬樹動畫 */
@keyframes bear-climb-tree {
0% { transform: translateY(0); }
100% { transform: translateY(-70px); }
}
.bear {
position: absolute;
bottom: 0;
left: 50px;
transform-origin: bottom;
animation: bear-climb-tree 1s ease-in-out infinite alternate;
}
/* 小熊手舞足蹈動畫 */
@keyframes bear-dance {
0% { transform: rotate(0); }
100% { transform: rotate(360deg); }
}
.bear {
position: absolute;
bottom: 0;
left: 50px;
transform-origin: center;
animation: bear-dance 1s ease-in-out infinite;
}
/* 小熊拍掌動畫 */
@keyframes bear-clap {
0% { transform: rotate(-20deg); }
25% { transform: rotate(20deg); }
50% { transform: rotate(-20deg); }
75% { transform: rotate(20deg); }
100% { transform: rotate(-20deg); }
}
.bear {
position: absolute;
bottom: 0;
left: 50px;
transform-origin: center bottom;
animation: bear-clap 1s ease-in-out infinite;
}
/* 小熊站立等待動畫 */
@keyframes bear-stand {
0% { transform: translateY(0); }
25% { transform: translateY(-30px); }
50% { transform: translateY(0); }
75% { transform: translateY(-30px); }
100% { transform: translateY(0); }
}
.bear {
position: absolute;
bottom: 0;
left: 50px;
transform-origin: center bottom;
animation: bear-stand 1s ease-in-out infinite;
}

這些小熊動畫代碼非常容易使用，只需要在你的網頁或博客中添加相應的HTML和CSS代碼即可。你可以根據自己的需要定制這些動畫，為你的網站或博客增添一些趣味性。如果你再加上一些JavaScript效果，效果會更加酷炫。盡情享受CSS小熊動畫的樂趣吧！