Как работает CSS Impress.js?

Я читал о Impress.js и у меня есть некоторые вопросы о коде ниже (часть демонстрации Inpress's).Как работает CSS Impress.js?

.impress-enabled .step { 
    margin: 0; 
    opacity: 0.3; 

    -webkit-transition: opacity 1s; 
    -moz-transition: opacity 1s; 
    -ms-transition:  opacity 1s; 
    -o-transition:  opacity 1s; 
    transition:   opacity 1s; 
} 

.impress-enabled .step.active { opacity: 1 }

Мои вопросы:

Что .impress с поддержкой класса здесь?
Так класс .активный применяется к шагу, отображаемому на данный момент? И, таким образом, его непрозрачность изменяется на 1, когда отображается и возвращается к .3, когда отображается его следующая; как описано в .imper-enabled .step выше, правильно?

Спасибо за помощь

источник

2013-03-30 Sourabh

Если JavaScript деактивирован браузером посетителей, он не получит класс .impress с поддержкой на всех, потому что он будет добавлен с помощью JavaScript. вот как они могут отделить javascript и версию, отличную от javascript (просто деактивируйте javascript на мгновение и снова посетите страницу примера impress.js). Поэтому, если у вас активирован js, класс «bored» удаляется, и активируется класс, называемый «впечатляющий-на-скучающий» и «активированный отпечатком».
Да. Ты прав.

источник

2013-03-31 00:01:51 danielwinter

Так что, когда браузер поддерживает Impress, класс оттиска-не поддерживаемые снимается и 'впечатлить-enabled',' впечатлить-на-idhere' добавляется элемент тела? Оба класса добавлены? Какая польза от второго класса? – Sourabh

Я не знаю точно, но я ожидал бы следующего: 'impress-on-bored' добавляется, когда в пределах области видимости находится впечатляющий (и еще не применяется, как и его« эй .. я готов to go .. просто активируйте меня ") ' impress-enabled' будет добавлен, если эффект отладки применяется через js в функции document.ready – danielwinter

imp-on-ID можно использовать для добавления jde или css-кода слайда, когда он становится активным. Например, если слайды невелики, а в окне браузера содержатся несколько слайдов, мы можем сначала скрыть все слайды, отличные от первого слайда. После того, как определенный слайд станет активным, он получит класс «на заказ». Мы можем использовать этот класс, чтобы сделать шаг видимым. Если вы хотите узнать больше, прочитайте мою книгу о создании впечатляющих презентаций с впечатлением.js по адресу http://www.packtpub.com/building-impressive-presentations-with-impressjs/book –

Впечатляющий идентификатор может использоваться для добавления слайдов js или css-кода, когда он станет активным. Например, если слайды невелики, а в окне браузера содержатся несколько слайдов, мы можем сначала скрыть все слайды, отличные от первого слайда.

После того, как определенный слайд станет активным, он получит класс «Отпечаток на идентификаторе». Мы можем использовать этот класс, чтобы сделать шаг видимым.

Если вы хотите узнать больше, читайте мою книгу на Building Impressive Presentations with impress.js

источник

2013-04-29 02:22:08

Как работает CSS Impress.js?

ответ

Смежные вопросы