非常漂亮的CSS3百叶窗焦点图动画

这是一款基于CSS3的百叶窗焦点图动画，一共有4种不同的百叶窗动画风格，每一个都看似非常简单，但是却又相当实用。更值得注意的是插件提供了4种不同的百叶窗特效，有水平百叶窗、垂直百叶窗和淡入淡出百叶窗等。并且，该CSS3百叶窗图片切换插件切换时非常平滑，效果很不错。

我们列出了其中一种百叶窗风格的源代码，其他的大家可以下载源文件进行查看。

HTML代码

1. <section class="cr-container">       
2.  <input id="select-img-1" name="radio-set-1" type="radio" class="cr-selector-img-1" checked/>  
3.  <label for="select-img-1" class="cr-label-img-1">1</label>  
4.   
5.  <input id="select-img-2" name="radio-set-1" type="radio" class="cr-selector-img-2" />  
6.  <label for="select-img-2" class="cr-label-img-2">2</label>  
7.   
8.  <input id="select-img-3" name="radio-set-1" type="radio" class="cr-selector-img-3" />  
9.  <label for="select-img-3" class="cr-label-img-3">3</label>  
10.   
11.  <input id="select-img-4" name="radio-set-1" type="radio" class="cr-selector-img-4" />  
12.  <label for="select-img-4" class="cr-label-img-4">4</label>  
13.   
14.  <div class="clr"></div>    
15.  <div class="cr-bgimg">  
16.   <div>  
17.    <span>Slice 1 - Image 1</span>  
18.    <span>Slice 1 - Image 2</span>  
19.    <span>Slice 1 - Image 3</span>  
20.    <