css手指代码,CSS3动画：通过Animation实现简单的手指点击动画

好久没分享CSS3动画的知识点了，近期都在忙于后台前端开发项目，难道今天有点时间，分享下关于CSS3动画知识点，今天我们看一个小TIPS：通过Animation实现简单的手指点击动画。鼠标放上去会有个特效。

HTML：

CSS:.wrapper{position:relative;overflow:hidden;width:500px;height:500px;margin:0 auto;background-color:black}

.circle{position:absolute;left:50%;top:50%;margin:-70px 0 0 -46px;

background: url("./circle.png") center center no-repeat;

width:62px;height:62px;animation:circleHide 1s ease infinite both}

.finger{background:url("./finger.png") center center no-repeat;width:100px;height:140px;margin:170px auto;animation:fingerHandle 1s ease infinite both}

@keyframes fingerHandle{

0%{transform:none}

70%{transform:scale3d(.8,.8,.8)}

100%{tr