Показать сообщение отдельно
  #4 (permalink)  
Старый 14.12.2014, 18:19
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

<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)">&nbsp;&nbsp;1</div>
</body>

Последний раз редактировалось Vlasenko Fedor, 14.12.2014 в 18:45.
Ответить с цитированием