Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 17.11.2014, 12:37   #1
dobryc
Новичок
Джуниор
 
Регистрация: 17.11.2014
Сообщений: 1
Вопрос HTML, CSS - Управление CSS анимацией HTML+CSS+JS

Суть вопроса: в HTML страничке реализована анимация средствами CSS:
// CSS

Код HTML:
.fon_animate{
   ...
   width: 0px;
   animation: timing_left 2s ease forwards;
}
 
@keyframes timing_left {
   100%{
   width: 400px;
   margin-left: 0px;
}
 
}
//HTML

Код HTML:
<div class = "fon_animate" style="top:250px; animation-delay: 1s">
   <img src = "../res/img/blank.png">
</div>
Необходимо по кнопке клавиатуры, например пробел, либо сокращать время анимации до нуля, либо переходить к 100% анимации. Очень буду рад и благодарен за помощь!
dobryc вне форума Ответить с цитированием
Старый 18.11.2014, 05:58   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

через JS надо менять свойство animation-duration, работать будет только в фаерфоксе.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
связать html и css WhizArt HTML и CSS 1 23.07.2012 01:20
работа с HTML и CSS Оксана УИПА Помощь студентам 0 04.12.2011 23:18
Изобрафения из html в css onded HTML и CSS 5 25.04.2010 22:29