Articles of анимация

как мультиплеер div fadeout fadein loop animation

Я застрял в анимации ключевых кадров. У меня есть fadein fadeout animation css. Код работает хорошо с 3 div, но когда я добавляю + 1 div и анимацию, css loop нарушается. Я хочу, чтобы они работали синхронно, но как? Есть код: @-webkit-keyframes fadeA { 0% { opacity: 0 } 13.2%,19.8% { opacity: 1; z-index: 5 […]

jQuery animate () изменить текст

Я просто даю первые шаги в jQuery animate (). Я пытаюсь создать тип типа презентации только для практики, но, похоже, я не могу изменить текст своего div в середине анимации, используя функцию animate (). Вот мой текущий код: $(document).ready(function(){ $(“button”).click(function(){ var div=$(“div”); div.animate({left:’100px’},”slow”); div.animate({fontSize:’3em’},”slow”); div.animate({fontSize:’1em’},2000); div.animate({opacity:’0′},”slow”); //can I change the text with animation??? div.animate({opacity:’1′},”slow”); div.animate({left:’0px’},”slow”); […]

Как оживить это при прокрутке

Если вы перейдете на следующий сайт: http://www.justinaguilar.com/animations/scrolling.html Вы заметите, что анимации происходят в Scroll, тогда как для меня, когда я скачал это, это не так. Что мне делать, чтобы мои анимации происходили в прокрутке?

Функция jQuery mouseup только на левой кнопке мыши?

У меня есть этот элемент, который оживляет функцию mouseup , но прямо сейчас он работает как для левой, так и для правой кнопок. Есть ли способ использовать только левую кнопку? $(document).ready(function() { $(“div”).mouseup(function() { top: “-101%” }); });

Перемещение элементов с помощью javascript

Каковы наилучшие методы для перемещения элементов с помощью javascript? Используете ли вы таймауты или интервалы? Плохо ли иметь временные события в течение 10 миллисекунд, или это будет точно? Вы перемещаете пиксель за пикселем или определенную долю от общего расстояния? Если вы используете интервалы, как вы остановите интервал, когда элемент находится в позиции? Последние два раза, […]

css анимации, созданные javascript

Я пытаюсь создать div с анимированным таймером css3 в нем при нажатии кнопки. heres код: http://jsfiddle.net/arcco96/y5nov6rz/1/ . По какой-то причине он не будет создавать div. Я думаю, что код должен быть функциональным, но я не уверен, можно ли создать div с анимацией css после загрузки страницы. Моя скрипка основана на следующем: http://jsfiddle.net/zbGCq/118/ . Я создаю […]

Невозможно сделать квадрат на canvasе, и теперь квадрат не будет рисовать ни

Я пытаюсь сделать уже рисованное квадратное движение с помощью ключей WASD. Я не был уверен, как это сделать, поэтому я просмотрел код, и примерно через 2 часа появился мой собственный нерабочий код. Он не работал, но, по крайней мере, он рисовал мою площадь … Или был. Теперь это не так, и я не знаю, почему, […]

Как плавно вернуть CSS-анимацию в текущее состояние?

У меня нет анимированного элемента по умолчанию. Также есть триггер, который позволяет включать и отключать анимацию этого элемента. Сама анимация очень проста: перемещает элемент слева направо и назад. Когда я останавливаю анимацию, мой элемент, очевидно, возвращается к исходной позиции. Но это происходит внезапно, а не плавно. Поэтому он просто меняет свое положение с того, когда […]

CSS не отображает ни одного и непрозрачную анимацию с неработающими ключевыми кадрами

У меня есть очень простой fragment HTML с целью анимации с display: none; для display: block с непрозрачностью, изменяющийся от 0 до 1. Я использую браузер Chrome, который использует префиксы -webkit как предпочтение, и сделал переход -webkit-keyframes чтобы сделать анимацию возможной. Однако он не работает и просто изменяет display без выцветания. У меня здесь JSFiddle. […]

Анимация бутстрапов

Вот что я хотел бы сделать: Начальный дисплей ——————————————— | | | | | | | .span12 #col1 | | | | | | | | [#button] | | | | | ——————————————— Затем, когда нажимается #button, содержимое # col1 анимируется, сдвигая вправо в .span3 и # col2 .span9, анимируется слева направо (с экрана): После […]