неработает анимация -wedbkit...

[cyber_ua]

Плиз помогите написал скрипт,но столкнулся с проблемой что без анимации действия проходят ужасно.

Короче, полез в нет искать про анимацию css3 из того что нашел сделал такой код увилечения текста но ,он не работает.

подскажите почему?

.notVisible {
	-webkit-animation-name:'fullText';
	-webkit-animation-duration: 7s;
	-webkit-animation-play-state:running;
	@-webkit-keyframes 'fullText'{
		from {
			font-size:30%;
			}
			40%{
				font-size:50%;
				}
		60%{
			font-size:70%;
			}
			to{
				font-size:100%;
				}
		}
	}

[alexandr_v-vich]

@-webkit-keyframes записывается отдельно, а не в составе свойств селектора. Т.е. после

         -webkit-animation-play-state:running;

должна закрыться скобка. А в конце соответственно её убрать. В итоге так

.notVisible {
        -webkit-animation-name:'fullText';
        -webkit-animation-duration: 7s;
        -webkit-animation-play-state:running;
        }
@-webkit-keyframes 'fullText'{
        from {
              font-size:30%;
              }
        40%{
              font-size:50%;
              }
        60%{
            font-size:70%;
            }
        to{
            font-size:100%;
            }
        }

Но посоветовал бы использовать transition. Поддержка более широкая.

Edited April 28, 2012 by alexandr_v-vich

[cyber_ua]

спс за ответ щас попробую через transition .

а если использовать вендорные перфиксы то поидее все будет работать нормально для всех браузеров?

к примеру так

 -webkit-animation: highlight 1s ease;
03
  -moz-animation: highlight 1s ease;
04
  -webkit-transform: translateX(20px);
05
  -moz-transform: translateX(20px);
06
  -ms-transform: translateX(20px);
07
  -o-transform: translateX(20px);

Edited April 28, 2012 by cyber_ua

[cyber_ua]

попробывал через trancition выглядит довольно таки интересно, но как его можно скриптом запустить?

вот код

#testBlock {
	font-size:10px;
	-webkit-transition-property:font-size;
	-webkit-transition-duration:2s;
	-webkit-transition-timing-function:ease;
        }

есть ли у него свойство похожее на -webkit-animation-play-state:

[alexandr_v-vich]

есть ли у него свойство похожее на -webkit-animation-play-state:

Я плохо понимаю эти кейфреймы. Наверное близкое к тому что вы сказали - transition-delay. Это задержка.

но как его можно скриптом запустить

transition — это тип реакции на событие. По-моему. Я как-то так его воспринимаю. В общем, он автоматом стоит на элементе, и при событии проявляется…

[cyber_ua]

можно ли сделать на сss так чтоб при нажатие на ссылку выполнялась анимация для блока или только надо добавлять onclick?

[alexandr_v-vich]

можно ли сделать на сss так чтоб при нажатие на ссылку выполнялась анимация для блока или только надо добавлять onclick?

onclick

[cyber_ua]

понял спс.

думал получится скриптом запустить второй вариант а оказуется никак=(