A collection of great UI buttons spotted in the wild. Curated by MaxButtons. Â Submissions welcome.
House of Buttons
A collection of great UI buttons spotted in the wild. Curated by MaxButtons. Â Submissions welcome.
ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã€ãƒœã‚¿ãƒ³ç”»åƒã®ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆ 10+ - NxWorld
ç”»åƒã®ã‚ªãƒ³ã‚ªãƒ•åˆ‡ã‚Šæ›¿ãˆã¨ã„ã£ãŸã‚ˆã†ãªãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆã§ã€ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚‚ã®ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3ã‚„jQueryを使ã£ã¦ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸå‹•ãã‚’å–り入れるサイトも見ã‹ã‘ã‚‹ã“ã¨ã‚‚多ããªã‚Šã¾ã—ãŸãŒã€ä»Šå›žã¯æ™®æ®µã‚‚ä½¿ç”¨é »åº¦ãŒé«˜ã„ã¨æ€ã†å®šç•ªã®ã‚‚ã®ã«çµžã‚Šã¾ã—ãŸã€‚ サンプルã§ä½¿ç”¨ã™ã‚‹ç”»åƒã¨DEMOã«ã¤ã„㦠å„マウスオーãƒãƒ¼ã®å‹•ãを実装ã™ã‚‹ã«ã‚ãŸã£ã¦ä¸Šã®ã‚ˆã†ãª3タイプã®ãƒœã‚¿ãƒ³ç”»åƒã‚’用ã„ã¦ãŠã‚Šã€å„ボタンã¯ãã‚Œãžã‚Œä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ type A å˜ä½“ã®ãƒœã‚¿ãƒ³ç”»åƒ type B オンã¨ã‚ªãƒ•ã‚’1æžšã®ç”»åƒã«ã—ãŸã€ã‚¹ãƒ—ライト型 type C オンã¨ã‚ªãƒ•ã‚’ãã‚Œãžã‚Œåˆ¥ã®ç”»åƒã«ã—ã€ã‚ªãƒ•æ™‚ã®ã‚‚ã®ã¯_offã€ã‚ªãƒ³æ™‚ã®ã‚‚ã®ã¯_onã‚’æ‹¡å¼µåå‰ã«å…¥ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚µãƒ³ãƒ—ルも用æ„ã—ãŸã®ã§å®Ÿéš›ã®å‹•ãã¯ã“ã¡ã‚‰ã§ç¢ºèªã—ã¦ä¸‹ã•ã„。 CSS：マウスオーãƒãƒ¼æ™‚ã«é€éŽã•ã›ã‚‹ CSSã®opacity（IEã¯filter）ã®
CSS3を使ã£ãŸãƒœã‚¿ãƒ³ã‚’ç°¡å˜ã«ä½œæˆã§ãるサイト「CSS3 Button Generator〠| ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
「CSS3 Button Generatorã€ã¯ã€CSS3を使ã£ãŸãƒœã‚¿ãƒ³ãŒã€èª°ã«ã§ã‚‚ç°¡å˜ã«ä½œã‚Œã¡ã‚ƒã†ã‚µã‚¤ãƒˆã§ã™ã€‚色や影やグラデーションをãŠå¥½ã¿ã«å¿œã˜ã¦è¨å®šã§ãã¾ã™ã‚ˆã€‚ã•ã‚‰ã«ã€ä»–ã®ãƒ¦ãƒ¼ã‚¶ãŒä½œã£ãŸãƒœã‚¿ãƒ³ã‚‚閲覧å¯èƒ½ã§ã™ã€‚コードもã¯ã出ã—ã¦ãれるã®ã§ã€ã‚³ãƒ”ペã§ã™ãã«åˆ©ç”¨ã§ãã¾ã™ã€‚ 以下ã«ä½¿ã£ã¦ã¿ãŸæ§˜åを載ã›ã¦ãŠãã¾ã™ã€‚ ã¾ãšã¯ã€CSS3 Button Generatorã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ょã†ã€‚ 色ãªã©ã‚’è¨å®šã—ã¾ã™ã€‚テã‚ストã®å½±ãªã©ç´°ã‹ã„部分も調整ã§ãã¾ã™ã€‚ å³å´ã«ã€ã‚³ãƒ¼ãƒ‰ãŒè‡ªå‹•çš„ã«ç”Ÿæˆã•ã‚Œã‚‹ã®ã§ã€ã‚³ãƒ”ペã—ã¦ä½¿ã„ã¾ã—ょã†ã€‚ã•ã‚‰ã«ã€ŒSAVEã€ã™ã‚‹ã¨ã€ä»–ã®ãƒ¦ãƒ¼ã‚¶ã¨å…±æœ‰ã§ãã¾ã™ã€‚ ä»–ã®ãƒ¦ãƒ¼ã‚¶ãŒä½œã£ãŸãƒœã‚¿ãƒ³ãŒãšã‚‰ã‚Šã€‚ã„ã„ãªãƒ¼ã¨æ€ã†ãƒœã‚¿ãƒ³ãŒã‚ã‚Œã°ã€ãã®ã‚³ãƒ¼ãƒ‰ã‚‚å–å¾—ã§ãã¾ã™ã€‚ボタン作æˆã‚’考ãˆã¦ã„ã‚‹æ–¹ã¯ã€æ˜¯éžãŠä½¿ã„ãã ã•ã„。 CSS3 Button Generator [via delicious] （カメãã¡ï¼‰
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}