<style>
#a1 {
width:40px;
height:20px;
background: #787575;
border: #19045F double 6px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
-webkit-transform:translate(-1em, 0);
-moz-transform:translate(-1em, 0);
-ms-transform: translate(-1em, 0);
-o-transform:translate(-1em, 0);
transform: translate(-1em, 0);
}
#a1.big {
-moz-transform: scale(2);
-ms-transform: scale(2);
-webkit-transform: scale(2);
transform: scale(2);
}
</style>
<script language="javascript">
function anime(el) {
el.className = el.className == 'big' ? '' : 'big';
}
</script>
<body>
<div id="a1" onClick="anime(this)"> 1</div>
</body>