Tilt.js - Parallax tilt effect for jQuery
The most basic usage: Add <script src="tilt.jquery.js"></script> right before the closing </body> tag Mark your elements with <span data-tilt></span> Creating a parallax effect Add transform-style: preserve-3d to your tilt element. Add a transform: translateZ(20px) to your inner elements that have to pop out. Glare effect: Setting this option will enable a glare effect. You can tweak the glare val
CSSã®ã¿ã§å®Ÿç¾ã™ã‚‹1KB未満ã®è¶…軽é‡ãƒ„ールãƒãƒƒãƒ—「Wenkã€
WEBサイトãªã©ã®è£œè¶³äº‹é …ãªã©ã‚’表示ã™ã‚‹ã®ã«ä¾¿åˆ©ãªãƒ„ールãƒãƒƒãƒ—。一般的ã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¾ãŒä¼´ã†ãŸã‚多ãã¯javascriptを利用ã—ã¦åˆ¶ä½œã•ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯CSSã®ã¿ã§å®Ÿç¾ã™ã‚‹1KB未満ã®è¶…軽é‡ãƒ„ールãƒãƒƒãƒ—「Wenkã€ã§ã™ã€‚ éžå¸¸ã«ã‚·ãƒ³ãƒ—ルãªãƒ„ールãƒãƒƒãƒ—ã§ã€ä¸Šä¸‹å·¦å³ä½ç½®ã‚’表示ã—ãŸã‚Šã€å¹…ã®èª¿æ•´ã—ãŸã‚Šç´°ã‹ãªèª¿æ•´ãŒãƒ‡ã‚るよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ 利用方法ã¯éžå¸¸ã«å˜ç´”ã§ã€ä¸Šè¨˜ã®æ§˜ã«è¦ç´ ã«data-xxxxã¨ã„ã£ãŸå½¢å¼ã§å†…容ã¨ä½ç½®ã‚’指定ã™ã‚‹ã“ã¨ã§å®Ÿè£…å¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚CSSã ã‘ãªã®ã§ã€ç‰¹ã«jsãªã©ã‚’èªã¿è¾¼ã‚€å¿…è¦ãªãシンプルã«å®Ÿè£…ã§ãã‚‹ãŸã‚ã€å¹…広ã„ユーザーãŒåˆ©ç”¨ã—ã‚„ã™ã„ライブラリã«ãªã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ソースコードã¯GitHubã«å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã‚µãƒ³ãƒ—ルã¨å…±ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ã§ã™ã€‚ライセンスã¯MIT License (MIT)ã¨ãªã£ã¦ãŠã‚Šã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã£ã¦ã€è‡ªç”±ã«åˆ©ç”¨ã™
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}