CSS3是一種讓Web開發者采用更加多彩和靈活的方式來設計網頁的技術。其中之一便是可以使用CSS3圖片拉伸代碼來實現圖片拉伸的效果。

.img-stretch {
background-image: url("image.jpg");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 500px;
}

以上代碼意為，將一張名為image.jpg的圖片作為背景圖，并且不重復，將它拉伸至整個div的大小，即cover屬性，放置在占據整個屏幕寬度的div中，高度為500像素。

同樣，如果要針對某一個圖片進行拉伸，可以使用以下代碼：

.img-stretch-single {
width: 100%;
height: 500px;
}
.img-stretch-single img {
width: 100%;
height: 100%;
object-fit: cover;
}

以上代碼使用object-fit屬性來實現拉伸效果。而不同于背景圖的cover屬性，object-fit可以讓圖片自動調整大小并填充整個div的大小。同樣，通過設置圖片容器的高度和寬度可以根據需要更改拉伸后的效果。

綜上，CSS3圖片拉伸技術可以幫助Web開發者在設計網頁時，更加靈活自如的布置圖片，充分滿足各種設計需求。