CSS3是一種最新的網頁設計技術，它可以幫助開發者實現更加復雜和炫酷的效果，其中拖動圖片效果是一個非常流行且實用的效果。下面我們來簡單介紹下如何使用CSS3實現圖片拖動效果。

/* CSS代碼 */
img{
position:absolute;
left:20px;
top:20px;
}
img:hover{
cursor:move;
}
img:active{
cursor:grabbing;
}

以上代碼實現了當鼠標懸停在圖片上時，鼠標會變為拖動圖標的效果，當鼠標按下圖片并拖動時，鼠標會變為抓取圖標的效果。

/* JS代碼 */
var img = document.getElementsByTagName('img')[0];
img.onmousedown = function(ev){
var disX = ev.clientX - img.offsetLeft;
var disY = ev.clientY - img.offsetTop;
document.onmousemove = function(ev){
var l = ev.clientX - disX;
var t = ev.clientY - disY;
img.style.left = l + 'px';
img.style.top = t + 'px';
};
document.onmouseup = function(){
document.onmousemove = null;
document.onmouseup = null;
};
};

以上是用原生JS代碼實現拖動效果的方法，當鼠標按下圖片并移動時，圖片會跟隨鼠標移動，當鼠標松開時，圖片停止跟隨鼠標移動。

總之，使用CSS3實現拖動圖片效果非常簡單實用，尤其在網頁設計中會經常用到此項技能。希望以上內容可以幫助各位開發者更好地運用CSS3技術。