[JS]ç°¡å˜ã§ä¾¿åˆ©ã§ã—ã‹ã‚‚ã‹ã£ã“ã„ã„ï¼ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã®ãƒœã‚¿ãƒ³ã‚’複数パターンåŒæ™‚ã«è¨ç½®ã§ãるスクリプト -#50C1ALページ上ã®ãƒœã‚¿ãƒ³ã‚„テã‚ストãªã©ã«classã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã€ç°¡å˜ã«ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã®ãƒœã‚¿ãƒ³ã‚’ã‹ã£ã“よãè¨ç½®ã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ #50C1AL #50C1AL -GitHub #50C1ALã®ç‰¹å¾´ #50C1ALã®ãƒ‡ãƒ¢ #50C1ALã®ä½¿ã„æ–¹ #50C1ALã®ç‰¹å¾´ 主è¦ãªã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ‡ã‚£ã‚¢ã‚’ç°¡å˜ã«ã‚¦ã‚§ãƒ–ページã«è¨ç½®ã§ãã¾ã™ã€‚ 46種類ã®ã‹ã£ã“よãデザインã•ã‚ŒãŸã‚¢ã‚¤ã‚³ãƒ³ã‚’用æ„。 ページã¸ã®è¨ç½®ã¯ã€classを書ãã ã‘ï¼ åŒã˜ãƒšãƒ¼ã‚¸ã«è¤‡æ•°ã®è¨å®šã‚’è¨ç½®å¯èƒ½ã€‚ アニメーションやブラーãªã©å¤šå½©ãªã‚ªãƒ—ション。 #50C1ALã®ãƒ‡ãƒ¢ デモã§ã¯ã€ãƒšãƒ¼ã‚¸å†…ã«2ã¤ã®è¨å®šã‚’é…ç½®ã—ã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ã€ãƒœã‚¿ãƒ³ã®æ–¹ã‹ã‚‰ã€‚ テã‚ストé¸æŠžã§è¡¨ç¤º #50C1ALã®ä½¿ã„æ–¹ Step 1:外部ファイル ã¾ãšã¯ã€head内ã«å¤–部スタイルシートをé…ç½®ã—ã¾ã™ã€‚ <link rel="stylesheet" h
æ–°ç€è¨˜äº‹
[CSS]æ–œã‚ã®ãƒ€ã‚¤ãƒ¤ãƒ¢ãƒ³ãƒ‰çŠ¶ã®ã‚°ãƒªãƒƒãƒ‰ã‚’実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
{{#tags}}- {{label}}
{{/tags}}