Detailed animation instance code with CSS3 to enlarge

Preface

Recently encountered a demand in the work, the realization of the effect is when click on the product image right on the collection button to trigger the amplification animation, and then find the relevant information, found that the use of CSS3: @keyframes animation can achieve this effect, the following to see the detailed introduction of it.

Sample code

<!                DOCTYPE html>

As follows: