Цитата:
И да, тогда реализация пофег на чём(js/jQ), ибо скорость и вариация анимации задаётся css Думаю анимация через вектор, пример transform: translate(400px,-200px) ; http://habrahabr.ru/post/135816/ |
а чем CSS3 анимация не канает? http://learn.javascript.ru/play/4Ydgx
|
devote,
Чот у мну во всех браузерах по разному (ХР) Хорошо работает лишь в Хроме. В опере 12.16 - глючит. В Мозилле глючит на таблице Про скролл - хорошо, ток оч лениво подгоняет(уравновешиваетс как лабораторные весы на микрограммах), раза в два побыстрей ба |
рони, я бы на твоём месте сделал все анимации на transition. Т.е., чтобы просто можно было менять свойства стилей и анимация сама происходила.
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
.transition {
-moz-transition: all 2s;
-ms--moz-transition: all 2s;
-o-moz-transition: all 2s;
-webkit-moz-transition: all 2s;
transition: all 2s;
}
</style>
</head>
<body>
<div id="test" style="border: 3px solid #000; left: 10px; height: 30px; position: fixed; top: 10px; width: 100px;"></div>
<script type="text/javascript">
var test = document.getElementById('test');
test.classList.add('transition');
test.clientHeight;
test.style.left = '200px';
test.style.top = '400px';
test.style.width = '200px';
</script>
</body>
</html>
|
devote, класс! :)
|
devote,
:victory: |
Цитата:
|
Цитата:
|
devote,
По опыту во вьетнаме лучше скролл(overflow:hidden) запрещать на время затемнений, На счёт ресайза - возможно... Хотя редкий факт, когда при деяниях с отслеживанием эффекта - юзер будет ресайзить... |
devote, слушай, я вот только благодаря твоему примеру узнал о событии transitionend. :) До этого использовал setTimeout. Интересно узнать, не будет ли двойных срабатывания событий в каких-нибудь браузерах?
Например, если я так сделаю в своём коде:
node.eventAdd('transition|webkitTransitionEnd', function() {
//
});
Есть вероятность, что он сработает два раза? Мало ли, вдруг в каких-нибудь новых вебкитах есть поддержка и просто transition, и webkitTransition. P.S.: через ontransition вешать это событие можно? А то не хочется сейчас тестировать. :) |
Ruslan_xDD,
а проверить что поддерживается http://snippetrepo.com/snippets/cros...css-transition
if('ontransitionend' in window) {
// Firefox
transition = 'transitionend';
} else if('onwebkittransitionend' in window) {
// Chrome/Saf (+ Mobile Saf)/Android
transition = 'webkitTransitionEnd';
} else if('onotransitionend' in myDiv || navigator.appName == 'Opera') {
// Opera
// As of Opera 10.61, there is no "onotransitionend" property added to DOM elements,
// so it will always use the navigator.appName fallback
transition = 'oTransitionEnd';
} else {
// IE - not implemented (even in IE9) :(
transition = false;
}
https://developer.mozilla.org/en-US/.../transitionend |
рони, это то понятно, спасибо. Но а если навешать одинаковых событий с префиксами и без, не будет ли двойных срабатываний?
|
Ruslan_xDD,
думаю вполне могут быть. Тут, скорее всего от браузера зависит. |
Safort, ясно, думаю тогда лучше setTimeout оставить.
|
Ruslan_xDD,
но зачем, если можно сделать так, как показал рони в примере выше? |
|
Octane,
:thanks: |
Цитата:
|
| Часовой пояс GMT +3, время: 13:24. |