Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

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

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

Ответ
 
Опции темы
Старый 17.11.2014, 13:37   #1
dobryc
Новичок
 
Регистрация: 17.11.2014
Сообщений: 1
Репутация: 10
Вопрос 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, 06:58   #2
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,655
Репутация: 1993
По умолчанию

через JS надо менять свойство animation-duration, работать будет только в фаерфоксе.
__________________
Работаю. В этот раз за деньги.
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
связать 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


04:42.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru