blur--动画

第一种方式：blur-动画

CSS代码为：

.pages .p3 img{ width: 100%;}
.item-01{ position: absolute; left: 20px; top: 10px; width: 300px;-webkit-animation: blur 2s ease 0s 1 both;}
.item-02{ position: absolute; left: 250px; top: 300px; width: 300px;-webkit-animation: blur 1.5s infinite ease-in-out;}
@-webkit-keyframes blur{0%{-webkit-filter:blur(0px)}
100%{-webkit-filter:blur(8px)}
}
@keyframes blur{0%{-webkit-filter:blur(0px)}
100%{-webkit-filter:blur(8px)}
}

本地效果为：app/html5_animation/blur.html