评论列表css样式,评论框CSS样式修改

根据V说的简单改了一个，有一个bug，就是鼠标悬停下摇晃后头像会消失，不会编程我就只能改成这样了[挖鼻屎]

#pinglun-container img.avatar-36,#pinglun-container img.avatar-36:hover{

-webkit-animation-fill-mode: both;

-moz-animation-fill-mode: both;

-ms-animation-fill-mode: both;

-o-animation-fill-mode: both;

animation-fill-mode: both;

-webkit-animation-duration: 0s;

-moz-animation-duration: 0s;

-ms-animation-duration: 0s;

-o-animation-duration: 0s;

animation-duration: 0s;

-webkit-animation-duration: 0.7s;

-moz-animation-duration: 0.7s;

-ms-animation-duration: 0.7s;

-o-animation-duration: 0.7s;

animation-duration: 0.7s;

}

@-webkit-keyframes swing {

20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }

20% { -webkit-transform: rotate(15deg); }

40% { -webkit-transform: rotate(-10deg); }

60% { -webkit-transform: rotate(5deg); }

80% { -webkit-transform: rotate(-5deg); }

100% { -webkit-transform: rotate(0deg); }

}

@-moz-keyframes swing {

20% { -moz-transform: rotate(15deg); }

40% { -moz-transform: rotate(-10deg); }

60% { -moz-transform: rotate(5deg); }

80% { -moz-transform: rotate(-5deg); }

100% { -moz-transform: rotate(0deg); }

}

@-o-keyframes swing {

20% { -o-transform: rotate(15deg); }

40% { -o-transform: rotate(-10deg); }

60% { -o-transform: rotate(5deg); }

80% { -o-transform: rotate(-5deg); }

100% { -o-transform: rotate(0deg); }

}

@keyframes swing {

20% { transform: rotate(15deg); }

40% { transform: rotate(-10deg); }

60% { transform: rotate(5deg); }

80% { transform: rotate(-5deg); }

100% { transform: rotate(0deg); }

}

#pinglun-container img.avatar-36:hover{

-webkit-transform-origin: top center;

-moz-transform-origin: top center;

-o-transform-origin: top center;

transform-origin: top center;

-webkit-animation-name: swing;

-moz-animation-name: swing;

-o-animation-name: swing;

animation-name: swing;

}