スクãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰è¦ç´ ãŒè¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト「ScrollRevealã€ã®DEMOvar ScrollrevealFade = { origin: 'left', distance: '0px',//移動範囲 scale: 1,//拡大表示（１ã§æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒå§‹ã¾ã‚‹ï¼‰ rotate: { x: 0, y: 0, z: 0 }, //xã¯ç¸¦å›žè»¢ã€yã¯æ¨ªå›žè»¢ã€zã¯å‚¾ã（風車ã¿ãŸã„ãªæ„Ÿã˜ï¼‰ duration: 1200, //アニメーションã®é€Ÿåº¦ delay :200 //è¦ç´ ãŒè¡¨ç¤ºã™ã‚‹ã¾ã§ã®å¾…機時間（ディレイ） }; sr.reveal('.scrollreveal-fade', ScrollrevealFade, 100); 上記ã®ã‚ˆã†ãªå½¢ã§ã‚ªãƒ—ションã¯è¨˜è¿°ã—ã¦ã„ãã¾ã™ã€‚scaleã‚’0.8ã«ã™ã‚Œã°è¡¨ç¤ºã®éš›ã«æ‹¡å¤§ã™ã‚‹ã‚ˆã†ã«è¡¨ç¤ºã•ã‚ŒãŸã‚Šã€1.2ã«ã™ã‚Œã°ç¸®å°ã—ãªãŒã‚‰è¡¨ç¤ºã•ã‚ŒãŸã‚Šã—ã¾ã™ã€‚ rotateã®æ•°å€¤ã‚’ã„ã˜ã‚‹ã¨ã€ç¸¦å›žè»¢ãƒ»æ¨ªå›žè»¢ãƒ»å‚¾ãã‚’ã—ãªãŒã‚‰è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ã¾ãŸã€
hrefã«è¨å®šã—ãŸç”»åƒã‚’ツールãƒãƒƒãƒ—ã§è¡¨ç¤ºã™ã‚‹ | NAKAZI LAB.（ナカジラボ）
jQueryã§æ¨ªã‹ã‚‰å‡ºã¦ãるスライドメニューを実装ã™ã‚‹æ–¹æ³•ï½œGimmick log
[jQuery] プラグインを使ã‚ãšã«æ¨ªã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã‚¤ãƒ³ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ç°¡å˜ã«ä½œã‚‹![[jQuery] プラグインを使ã‚ãšã«æ¨ªã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã‚¤ãƒ³ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ç°¡å˜ã«ä½œã‚‹](https://cdn-ak-scissors.b.st-hatena.com/image/square/90e0d5fd2040a360e7449fe29a2efc39e3dd577c/height=288;version=1;width=512/https%3A%2F%2Fmemocarilog.info%2Fwp-content%2Fuploads%2F2014%2F11%2FjQueryicon.png)
{{#tags}}- {{label}}
{{/tags}}