[B! ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³] gayouã®ãƒ

gayou id:gayou

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«é–¢ã™ã‚‹gayouã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã“ã‚Œãªã‚‰æ‰‹è»½ï¼DOMè¦ç´ ã«ãƒžã‚¤ã‚¯ãƒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’ä¸Žãˆã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª -Micron
ãƒšãƒ¼ã‚¸ä¸Šã®ã•ã¾ã–ã¾ãªDOMè¦ç´ ã«ãƒžã‚¤ã‚¯ãƒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«ä¸Žãˆã‚‹ã“ã¨ãŒã§ãã‚‹JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å®Ÿè£…ã¯éžå¸¸ã«ç°¡å˜ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã«ã‚‚å„ªã‚Œã¦ãŠã‚Šã€CSSã§è¦ç´ ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã€JavaScriptã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªå‹•ä½œã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ãã¾ã™ã€‚ ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’ä¸Žãˆã‚‹ è¦ç´ ã«ã€Œdata-micronã€ã‚’åŠ ãˆã‚‹ã ã‘ã§ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’ä¸Žãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒã‚¤ãƒ³ãƒ‰ ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ ã€Œdata-micron-bind="true"ã€ã§ã€ä»–ã®è¦ç´ ã«ã‚‚ç°¡å˜ã«ãƒã‚¤ãƒ³ãƒ‰ã§ãã¾ã™ã€‚ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ« ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€ã‚¹ãƒ”ãƒ¼ãƒ‰ã€ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ãªã©ã¯ã€dataå±žæ€§ã§ç°¡å˜ã«å¤‰æ›´ã§ãã¾ã™ã€‚ Micron.jsã®ãƒ‡ãƒ¢ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å®Ÿéš›ã«ä½¿ç”¨ã—ã¦ã€Micron.jsã‚’ãƒœã‚¿ãƒ³ã«é©ç”¨ã—ã¦ã¿ã¾ã—ãŸã€‚ ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€åŸºæœ¬ã¨ãªã‚‹12ç¨®é¡žã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ¥½ã—ã‚ã¾ã™ã€‚
gayou 2018/01/27
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

animation

javascript
ãƒªãƒ³ã‚¯
ã“ã‚“ãªã«ã‚ã£ãŸï¼UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼æœ€æ–°ãƒ™ã‚¹ãƒˆ9
Webã‚µã‚¤ãƒˆã‚’ãŠã—ã‚ƒã‚Œã«ã€ã‹ã£ã“ã‚ˆãæ¼”å‡ºã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç³»JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã‚‚ä½¿ã„ã‚„ã™ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ãƒ‡ãƒ¢ã‚’è¦‹ã‚‹ã ã‘ã§ã‚‚ã‚¢ã‚¤ãƒ‡ã‚¢ãŒã²ã‚‰ã‚ãã‹ã‚‚ï¼Ÿ Webãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã“ã®10å¹´é–“ã§å¤§ããå¤‰ã‚ã‚Šã¾ã—ãŸã€‚2007å¹´é ƒã¯é›‘èªŒã®ã‚ˆã†ã«é™çš„ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒä¸»æµã§ã—ãŸãŒã€2017å¹´ã«ã¯æ•°åƒã®ãƒ‘ãƒ¼ãƒ„ãŒé€£å‹•ã—ã¦ä¼¸ç¸®ã—ãªãŒã‚‰ç§»å‹•ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚å¯èƒ½ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã‚Œã‹ã‚‰ã€å„ªã‚ŒãŸUIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãªã‚‹ã«ã¯Webã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æŠ€è¡“ã«é–¢ã™ã‚‹çŸ¥è˜ã‚‚å¿…è¦ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯UIãƒ‡ã‚¶ã‚¤ãƒ³å‘ã‘ã®è‰¯è³ªãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’9ã¤ç´¹ä»‹ã—ã¾ã™ã€‚ç¾æ™‚ç‚¹ã§ã®æœ€æ–°ã®æƒ…å ±ã¨ã€å„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã®å¼·ã¿ã‚„å¼±ã¿ã€å‘ãä¸å‘ãã‚’ã¾ã¨ã‚ãŸã®ã§ã€ã‚¿ã‚¹ã‚¯ã«é©ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’é¸ã‚“ã§ãã ã•ã„ã€‚ ã€Œã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ—ãƒç´šã€ã®é–‹ç™ºè€…ã§ã¯ãªãã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚‚ã“ãªã›ã‚‹UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®è¦–ç‚¹ã§å„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’è©•ä¾¡ã—ã¾ã—ãŸã€‚CSSã ã‘
gayou 2017/06/26
css

javascript

animation

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
OSSã‹ã‚‰å¦ã¶Activityèµ·å‹•æ™‚ã®ã‚«ãƒƒã‚³ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ - Qiita
ã¿ãªã•ã‚“Material Designã‚„ã‚Šãã£ã¦ã„ã¾ã™ã‹ï¼Ÿ Activityèµ·å‹•æ™‚ã«Reveal EffectãŒè¡Œã‚ã‚Œã¦ã€ãã®ã‚ã¨ã«ãµã‚ã£ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå‡ºã¦ãã‚‹ã‚ˆã†ãªUIã‚’è¦‹ãŸã“ã¨ã‚ã‚‹æ–¹ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ãŒã€ã‚¢ãƒ¬ã£ã¦ã‚ã¡ã‚ƒãã¡ã‚ƒã‚«ãƒƒã‚³ã„ã„ã§ã™ã‚ˆãã€‚ ä»Šå›žã¯ã‚«ãƒƒã‚³ã„ã„ã‚¢ãƒ¬ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹InstaMaterialã®ã‚³ãƒ¼ãƒ‰ã‚’åˆ†è§£ã—ãªãŒã‚‰ã©ã†ã„ã†å®Ÿè£…ã«ãªã£ã¦ã„ã‚‹ã®ã‹ã‚’ç´è§£ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ æ¦‚è¦ ä»Šå›žã¯InstaMaterialã®ãƒ¡ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ï¼ˆMainActivityï¼‰ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒšãƒ¼ã‚¸ï¼ˆUserProfileActivityï¼‰ã¸ç”»é¢é·ç§»ã™ã‚‹ã¨ãã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦åˆ†è§£ã—ã¦ã¿ã¾ã—ãŸã€‚ GIFã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚µã‚¤ã‚ºå®¹é‡ã‚’æ¸›ã‚‰ã™ãŸã‚ã«fpsã‚’ä¸‹ã’ã¦ã„ã‚‹ã®ã§ã€ç´°ã‹ãç¢ºèªã—ãŸã„å ´åˆã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’å„è‡ªã§ãƒ“ãƒ«ãƒ‰ã—ã¦ãã ã•ã„ MainActivityã‹ã‚‰UserProfileActivityã¸ã®In
gayou 2016/12/19
android

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãŒæ°—æŒã¡ã„ã„ãƒœã‚¿ãƒ³ã®UIã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³10é¸
ã‚¢ãƒ—ãƒªã‚„ã‚µã‚¤ãƒˆãªã©ã®ãƒœã‚¿ãƒ³ã‚„å°ã•ã„ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã§ã€æ°—æŒã¡ã®ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã‚‹ã¨ç›®ã‚’å¼•ãã¾ã™ã€‚ éŽå‰°ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®çš„ã®å¦¨ã’ã«ãªã‚‹ã®ã§æ°—ã‚’ã¤ã‘ãŸã„ã¨ã“ã‚ã§ã™ãŒã€ã†ã¾ãæ´»ç”¨ã™ã‚Œã°ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚ãªãŸã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’ã‚‚ã£ã¨è§¦ã‚ŒãŸã„ã¨æ€ã†è¦ç´ ã«ã‚‚æˆã‚Šå¾—ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€ã„ã–ã“ã†ã„ã£ãŸã‚‚ã®ã‚’ä½œã‚‹ã¨ãªã‚‹ã¨ã€ã©ã†å‹•ã‹ã›ã°ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã„ã‚‚ã®ã§ã™ã€‚ãã“ã§ä»Šå›žã¯ãã‚“ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã¨ãªã‚‹ã‚ˆã†ãªã€ãƒœã‚¿ãƒ³ã‚„ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãªã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ¡ˆã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã®ã‚ˆã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³10é¸ Open & Close by Creativedash Add & Remove by Ricky Boyce Open & Close & Smash by ChuanÂ² Fun Buttons by Eddie Lobanovskiy (Unfold) Submit Button by
gayou 2016/05/15
ã•ã‚Šæ°—ãªãå‹•ãã‚’ä»˜ã‘ã‚‹

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

UI

css
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯å‡„ã„ï¼Webåˆ¶ä½œãŒæ—ã‚‹ãƒ¢ãƒ¼ãƒ•ã‚£ãƒ³ã‚°ç³»ã®æœ€æ–°ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¾ã¨ã‚
ä½œæˆï¼š2016/04/25 æ›´æ–°ï¼š2016/06/29 Webåˆ¶ä½œ > ã‚ã‚‹å½¢ã‹ã‚‰åˆ¥ã®å½¢ã«é€£ç¶šã§å¤‰åŒ–ã‚’ã‹ã‘ã¦ã„ããƒ¢ãƒ¼ãƒ•ã‚£ãƒ³ã‚°ã®ã‚ˆã†ãªã€è¦–è¦šçš„ãªå¤‰åŒ–ã‚’è¡¨ç¾ã§ãã‚‹ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ãŠã•ãˆãŸæœ€æ–°ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’åŽ³é¸ã—ã¦ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ èƒŒæ™¯è‰²ã«åˆã‚ã›ã¦ã€ãƒ†ã‚ã‚¹ãƒˆè‰²ã‚’ãƒªãƒãƒ¼ã‚¹ã•ã›ã‚‹ DOMè¦ç´ ã®é‡ãªã‚Šã‚’æŒ‡å®šã™ã‚‹CSS3ã®ãƒ–ãƒ¬ãƒ³ãƒ‰ãƒ¢ãƒ¼ãƒ‰mix-blend-mode: differenceã‚’ä½¿ã£ã¦ã€èƒŒæ™¯è‰²ã¨åŒæ™‚ã«ãƒ†ã‚ã‚¹ãƒˆã‚«ãƒ©ãƒ¼ã‚’åè»¢ã•ã›ã¦ã„ãæ–¹æ³•ã€‚CSSã ã‘ã§ã“ã‚ŒãŒã§ãã‚‹ã®ã¯é©šãã€‚ é€²æ—ã‚’ç¤ºã™ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ãªã©ã§ä½¿ã†ã¨ã€ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆãŒã¯ã£ãã‚Šã™ã‚‹ã®ã§è¦‹ã‚„ã™ããªã‚Šãã†ã§ã™ã€‚ mix-blend-modeã®ã€Œ differenceã€ã«ã¤ã„ã¦ã¯CSS3ã®ãƒ–ãƒ¬ãƒ³ãƒ‰ãƒ¢ãƒ¼ãƒ‰ãŒç´ æ•µï¼ æ–°ãƒ—ãƒãƒ‘ãƒ†ã‚£mix-blend-modeã‚’ä½¿ã„ã“ãª
gayou 2016/04/26
webåˆ¶ä½œ

css

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
gayou 2016/03/22
ã‚ã¨ã§èªã‚€

ãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
Simple Icon Hover Effects with CSS Transitions and Animations
Note that the dashed border on a round pseudo-element (border-radius: 50%) does not work in FF 21.0
gayou 2015/03/08
cssã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
css3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¬ãƒ‘ãƒ¼ãƒˆãƒªãƒ¼ãŒãã£ã¨å¢—ãˆã‚‹ï¼å‹•ãã®å‚è€ƒã«ãªã‚‹22ã‚µã‚¤ãƒˆ | æ ªå¼ä¼šç¤¾WEBä¼ç”»
css3ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ç”¨ã™ã‚‹ã‚µã‚¤ãƒˆãŒè¿‘é ƒå¢—ãˆã¦ãã¾ã—ãŸã€‚èƒŒæ™¯ã¨ã—ã¦ã¯ã€css3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã»ã¼å¯¾å¿œã—ã¦ã„ã‚‹ã‚¹ãƒžãƒ›ç«¯æœ«ã®æ™®åŠã‚„ã€animationãƒ—ãƒãƒ‘ãƒ†ã‚£æœªå¯¾å¿œã®IE9ï¼ˆIE6ï½žIE8ã‚’å«ã‚€ï¼‰ã®ã‚·ã‚§ã‚¢ãŒä½Žä¸‹ã—ã¦ãã¦ã„ã‚‹ã“ã¨ãŒæŒ™ã’ã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¤ã¾ã‚Šã€css3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€Œå¢—åŠ ä¸ã€ã¨ã„ã†ã“ã¨ã«ä»–ãªã‚‰ãšã€å®Ÿè£…ã™ã‚‹ã‚µã‚¤ãƒˆã¯æ›´ã«å¢—ãˆã¦ã„ãã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ä»Šå›žã¯ã€ãã‚“ãªcss3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…æ™‚ã«å‚è€ƒã§ãã‚‹22ã‚µã‚¤ãƒˆã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸï¼ 1ï¼šä¸¸åž‹ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ãƒ”ãƒƒã‚¿ãƒªã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ ä¸¸åž‹ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«å¯¾ã—ã¦ã€æ§˜ã€…ãªãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚ ä½•æ°—ãªããƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ãŸæ™‚ã«ã“ã‚“ãªå‹•ããŒã‚ã‚Œã°ã€æ³¨æ„ã‚’å¼•ãã¤ã‘ã‚‰ã‚Œãã†ã§ã™ãï¼ http://tympanus.net/codrops/2013/05/30/simple-icon-h
gayou 2015/03/08
cssã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å‚è€ƒã«ã€‚

css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ç·©æ€¥ã‚’ã¨ã‚‚ãªã£ãŸã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’CSSã‚„JSã§å®Ÿè£…ã™ã‚‹æ™‚ã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã®ã¾ã¨ã‚ -Easing Functions
ã«ã‚‡ã„ï½žã‚“ã€ãã„ï½žã‚“ãªã©ã®ç·©æ€¥ã‚’ã¨ã‚‚ãªã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹CSSã‚„JavaScriptã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ã¾ã¨ã‚ãŸEasing Functionsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Easing Functions Cheat Sheet Easing Functions -GitHub ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å‹•ãã‚’ç¢ºèª ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ç¨®é¡ž ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£… ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å‹•ãã‚’ç¢ºèª ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã¨ã¯å‹•ãã«åŠ é€Ÿã‚„æ¸›é€Ÿã‚’åŠ ãˆç‰é€Ÿã§å‹•ãã®ã¨ã¯é•ã£ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã‚‹ã‚‚ã®ã§ã€æœ€åˆã‚†ã£ãã‚Šã§ã ã‚“ã ã‚“æ—©ãã—ãŸã‚Šã€åºŠã«ãƒã‚¦ãƒ³ãƒ‰ã™ã‚‹ã‚ˆã†ãªå‹•ãã‚’ä¸Žãˆã¾ã™ã€‚ ç™»éŒ²ã•ã‚Œã¦ã„ã‚‹ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å‹•ãã¯ã€ãã‚Œãžã‚Œã®ã‚°ãƒ©ãƒ•ã‚’ãƒ›ãƒãƒ¼ã™ã‚‹ã¨ãƒ¬ãƒƒãƒ‰ã®ã‚¢ãƒãƒ¼ãŒãã®å‹•ãã‚’ã—ã¾ã™ã€‚
gayou 2012/09/19
javascript

css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
1