css点击特效,关于要怎么点击一张图片实现有反转效果，点击正面反转成另一张图片，用javascript 和css应

css点击特效,关于要怎么点击一张图片实现有反转效果，点击正面反转成另一张图片，用javascript 和css应详细介绍

.radio-2 { width: 900px;padding: 3% 0; margin: 50px auto; background-color: darkseagreen; text-align: center;}.radio-2 label { display: inline-block; width: 28px; height: 28px; overflow: hidden; border: 1px solid #eeeeee; border-radius: 100%; margin-right: 10px; background-color: #ffffff; position: relative;cursor: pointer;}.radio-2 label:after { content: ""; position: absolute;top: 4px; left: 4px; width: 20px; height: 20px; background-color: #666666; border-radius: 50%; transform: rotate(-180deg);transform-origin: -2px 50%; transition: transform .2s ease-in;} .radio-2 [type="radio"] { display: none;} .radio-2 [type="radio"]:checked + label:after{transform: rotate(0deg); transition: transform .2s ease-out;}