by shigemk2

当面は技術的なことしか書かない

impress.jsをちょっといじってみる

impress.js結構便利ですよね。でも、不満なところがあって

  • スライドの移動時のアニメーションが遅い
  • スライドの移動時のフェードインがちょっとうざい

というわけで、JSとCSSをちょっといじりました。

差分はちょっと見づらいけども。

f:id:shigemk2:20150521221058p:plain

JavaScript

スライドのアニメーションをなくす。

    // some default config values.
    var defaults = {
        width: 1024,
        height: 768,
        maxScale: 1,
        minScale: 0,
        
        perspective: 1000,
        
        transitionDuration: 0 // ←修正点はココ
    };

CSS

スライド時のフェードインのエフェクトをなくす。

.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; */
}

my-impress.jsブランチに修正を入れておきました。

github.com