ä»»æ„ã®è¦ç´ ã‚’3D回転ã•ã›ã€ç«‹ä½“çš„ã«è¦‹ã›ã‚‹å›½ç”£ã®jQueryプラグイン・TURNBOX.js - ã‹ã¡ã³ã¨.netä»»æ„ã®è¦ç´ をアニメーションエフェクトã§ç«‹ä½“çš„ã«è¦‹ã›ã‚‹ã€ã¨ã„ã†ã‚¹ã‚¯ãƒªãƒ—ト・TURNBOX.jsã®ã”紹介。フラットãªãƒ‡ã‚¶ã‚¤ãƒ³ã¨ç›¸æ€§è‰¯ã•ãã†ã§ã™ã€‚ è¦ç´ ã«ç«‹ä½“çš„ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’与ãˆã¦ã€3DãªUIã«ã™ã‚‹äº‹ãŒã§ãã¾ã™ã€‚フラットãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ã£ã¦æ¬²ã—ã„ã¨ã®äº‹ã§ã™ã€‚開発者ã•ã‚“ã¯NOHTã•ã‚“ã¨ã„ã†æ—¥æœ¬ã®ä¼æ¥ã•ã‚“ãªã®ã§ç–‘å•ãŒã‚ã£ãŸå ´åˆã§ã‚‚連絡ãŒå–ã‚Šã‚„ã™ã„ã®ã§å®‰å¿ƒã§ã™ã。 動作サンプルã§ã™ ä»–ã«ã‚‚アップãƒãƒ¼ãƒ‰ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ä½¿ãˆãŸã‚Šã„ã‚ã„ã‚応用幅ãŒåºƒã„å°è±¡ã§ã™ã€‚ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="turnBox.js"></script> ↑ 本体ã¨ãƒ—ラグインをèªã¿è¾¼ã¿ã¾ã™ã€‚ $(".foo")
tk-design | Character & Web & Graphic design
Pure CSS animated 3D Super Mario Icon - An experiment by Andreas Jacob
Photoshopã§ã¤ãるタイãƒã‚°ãƒ©ãƒ•ã‚£ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« -Part18
Google Images Box - CSS 3D example
The Third & The Seventh on Vimeo
Jonatan Catalan Navarrete
20 Tutorials to Help Master Illustrator's Gradient Mesh
ç¾å®Ÿã®ç«‹ä½“物をWEBカメラã§ã‚¹ã‚ャンã—ã¦3Dオブジェクトã¸å¤‰æ›ã™ã‚‹ã€ŒProFORMAã€: DesignWorks Archive
ç´ æ™´ã‚‰ã—ã„3Dã®Flashサイト50 – creamu
テã‚ストエフェクトã„ã£ã±ã„ - DesignWalker
{{#tags}}- {{label}}
{{/tags}}