<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div a { display: block; height:76px; padding-left:140px; background-color: pink; color:#FFF; animation:dx 1s linear alternate infinite; 100px; margin:100px auto; border-radius: 10px; } @-webkit-keyframes dx{ 0%{ -webkit-transform:scale(1)} 100%{-webkit-transform:scale(1.1)} } @keyframes dx{ 0%{transform:scale(1)} 100%{transform:scale(1.1)} } @-moz-keyframes dx{ 0%{ -moz-transform:scale(1)} 100%{-moz-transform:scale(1.1)} } </style> </head> <body> <div> <a href="#"></a> </div> </body> </html>