css3图片悬停切换代码（CSS3 实现的图片悬停的切换按钮）

<ul class="slides">
    <input type="radio" name="radio-btn" id="img-1" checked />
    <li class="slide-container">
		<li class="slide">
			<img src="http://farm9.staticflickr.com/8072/8346734966_f9cd7d0941_z.jpg" alt="css3图片悬停切换代码（CSS3 实现的图片悬停的切换按钮）" border="0" />

@import url(https://fonts.googleapis.com/css?family=Varela+Round);

html, body { background: #333 url("https://codepen.io/images/classy_fabric.jpg" alt="css3图片悬停切换代码（CSS3 实现的图片悬停的切换按钮）" border="0" />