Css 動態小黃人是一個受歡迎的設計元素，可以輕松添加到網站或應用程序中。下面是一些簡單的代碼示例，可以用來創建自己的動態小黃人。

html {
background: #ddd;
}
.minion {
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100px;
height: 126px;
background: url('minion.png') no-repeat;
background-size: contain;
animation: walk 0.8s steps(6) infinite;
}
@keyframes walk {
0% {background-position: 0 0;}
100% {background-position: -660px 0;}
}

這段代碼創建了一個在屏幕底部中心位置的小黃人。我們使用fixed定位和translateX來確保它保持在視圖中心。我們還使用background屬性來設置小黃人的背景，這個背景是一張圖片。通過設置background-size為contain，我們可以確保小黃人不會拉伸變形。最后，我們使用animation屬性和keyframes來創建小黃人的動畫。

當我們將此代碼添加到我們的網站或應用程序中時，我們可以通過更改圖像或微調屬性來制定自己的小黃人設計。這是一個簡單而令人愉快的設計元素，可以為您的項目添加一些趣味性。