[CSS]スタイルシートã§å®Ÿè£…ã™ã‚‹æ°—æŒã¡ã„ã„リズムã§å¼¾ã‚€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ˜¨æ—¥ã€Facebookã§ç´¹ä»‹ã—ãŸã€Œã‚¯ãƒ©ã‚²ã€ã‚‚CSSアニメーションã¨ã¯æ€ãˆãªã„美ã—ã•ã§ã—ãŸã€‚ ã“ã¡ã‚‰ã‚‚ãªã‹ãªã‹æ¥½ã—ã„ã€è»½å¿«ãªãƒªã‚ºãƒ ã§å¼¾ã‚€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ デモページ 実装ã¯HTML+CSSã§ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€JavaScriptã‚‚Flashも使用ã•ã‚Œã¦ã„ã¾ã›ã‚“。 HTML spanを増やã™ã¨çŽ‰ãŒå¢—ãˆã¾ã™ã€‚増やã—ãŸåˆ†ã®ãƒ‡ã‚£ãƒ¬ã‚¤ã‚’CSSã§è¨å®šã—ã¾ã™ã€‚ <div class="loader"> <span></span> <span></span> <span></span> </div> CSS Webkit用ã¨Firefox用ã®2種類ãŒè¨˜è¿°ã•ã‚Œã¦ã„ã‚‹ã®ã§é•·ãã¿ãˆã¾ã™ãŒã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ .loader { text-align: center; } .loader span { display: inline-block; v
超カッコã„ã„ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’実ç¾ã§ãã‚‹jQueryプラグイン「Percentage Loaderã€:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}