CSS中的偽類選擇器能夠制作動態的效果，常見的偽類選擇器包括hover、active、focus等。下面我們將使用hover偽類選擇器來制作一個簡單的動圖。

/* 設置動畫初始狀態 */
#box{
width: 100px;
height: 100px;
background-color: #f00;
transition: width 0.5s ease-out;
}
/* 設置動畫hover狀態 */
#box:hover{
width: 200px;
}

上述代碼中，我們使用了id選擇器來選取一個名為box的元素，并為其設置了初始狀態和hover狀態。在初始狀態下，#box的寬度為100px，鼠標懸浮上去時，#box的寬度會在0.5秒內平滑地變為200px。

通過這種方式，我們能夠快速地制作簡單的動畫效果，并且避免使用JavaScript等其他輔助技術。除了hover偽類選擇器外，我們還可以使用其他偽類選擇器制作更加復雜的動畫效果，如active偽類選擇器可以制作點擊按鈕時的動畫效果，focus偽類選擇器可以制作輸入框獲取焦點時的動畫效果等。