只使用HTML5和CSS3制作网页轮播图

当然可以。以下是一个简单的HTML5和CSS3轮播图示例代码：

HTML5代码：

<div class="slider">
  <div class="slide slide1">
    <img src="image1.jpg">
  </div>
  <div class="slide slide2">
    <img src="image2.jpg">
  </div>
  <div class="slide slide3">
    <img src="image3.jpg">
  </div>
</div>

CSS3代码：

.slider {
  width: 600px;
  height: 300px;
  overflow: hidden;
  position: relative;
}

.slide {
  width: 600px;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.slide1 {
  opacity: 1;
}

.slide2 {
  left: 600px;
}

.slide3 {
  left: -600px;
}

.slider:hover .slide {
  opacity: 0.5;
}

.slider:hover .slide1 {
  opacity: 1;
}

.slider:hover .slide2 {
  opacity: 1;
  left: 0;
}

.slider:hover .slide3 {
  opacity: 1;
  left: 0;
}

以上代码使用CSS3的transition属性和hover伪类来实现轮播图的效果。当鼠标悬停在轮播图上时，图片的透明度会变为0.5，而当前显示的图片透明度会变为1，同时下一张图片会从左侧或右侧滑入。