CSS圖片選中效果是指當鼠標移動到一張圖片上時，通過設置CSS的樣式來讓這張圖片顯示出一種被選中的狀態。其中比較常見的選中效果就是圖片上打勾，這種效果可以增強用戶對頁面的交互體驗，使得用戶操作更加直觀明了。

.selected {
position: relative;
display: inline-block;
}
.selected::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
border: 3px solid #fff;
border-radius: 50%;
background-color: #00C853;
animation: checkmark 0.5s ease-in-out forwards;
}
@keyframes checkmark {
0% {
width: 0;
height: 0;
opacity: 1;
}
50% {
width: 20px;
height: 20px;
opacity: 1;
}
100% {
width: 20px;
height: 20px;
opacity: 1;
transform: translate(-50%, -50%) rotate(360deg);
}
}

以上是實現圖片選中效果的CSS代碼，其中關鍵的是使用偽元素before來添加打勾圖標，同時通過CSS3動畫來實現旋轉的效果。在HTML中，我們只需要將圖片的class設置為selected即可。

需要注意的是，為了實現打勾的效果，我們需要將圖片包裹在一個相對定位的元素中，這樣才能讓absolute定位的圖標相對于圖片進行定位。此外，我們還需要將圖片設置為inline-block，讓圖標定位在圖片的中心。