[B! CSS3] hatano99ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hatano99 id:hatano99

CSS3ã«é–¢ã™ã‚‹hatano99ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (41)

${{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}}

Redirecting to Animate.css
hatano99 2018/02/21
css

css3

animation
ãƒªãƒ³ã‚¯
Flexboxã§æ±ºã¾ã‚Šï¼ | Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹
2017å¹´5æœˆ25æ—¥ CSS Flexboxã¨ã¯Flexible Box Layout Moduleã®ã“ã¨ã§ã€ãã®åã®é€šã‚Šãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ã§ç°¡å˜ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒçµ„ã‚ã¡ã‚ƒã†ç´ æ•µãƒœãƒƒã‚¯ã‚¹ã§ã™ã€‚å‰ã€…ã‹ã‚‰ã‚ã£ãŸæŠ€è¡“ã§ã™ãŒã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«ã‚ˆã£ã¦æ›¸ãæ–¹ãŒé•ã£ãŸã‚Šã€ä»•æ§˜ãŒã“ã‚ã“ã‚å¤‰ã‚ã£ãŸã‚Šã¨ã€ã‚¤ãƒžã‚¤ãƒä¸€æ©è¸ã¿å‡ºã›ãªã„æ„ŸãŒã‚ã£ãŸFlexboxã€‚ã—ã‹ã—ã‚ˆã†ã‚„ããƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã®åˆ©ç”¨ã«é›£ãŒãªããªã‚Šã€å®Ÿå‹™ã«ã‚‚å……åˆ†ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ä»Šå›žã¯ãã‚“ãªFlexboxã®é…åŠ›ã¨ä½¿ã„ãƒ‰ã‚³ãƒã‚’ã€ãƒ‡ãƒ¢ä»˜ãã§ç´¹ä»‹ã—ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ Can I useâ€¦ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«ã€ç¾è¡Œã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã¯å•é¡Œãªãåˆ©ç”¨ã§ãã¾ã™ã€‚ãŸã ã—ã€Safariç”¨ã« -webkit- ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãŒå¿…è¦ã§ã™ã€‚IEã«ã¤ã„ã¦ã¯11ã‹ã‚‰æ£å¼ã«å¯¾å¿œã€‚IE10ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ãŒã€æ›¸ãæ–¹ãŒ
hatano99 2017/10/31
flex

CSS3

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ãƒœãƒƒã‚¯ã‚¹
ãƒªãƒ³ã‚¯
Hover.css - A collection of CSS3 powered hover effects
2D Transitions Grow Shrink Pulse Pulse Grow Pulse Shrink Push Pop Bounce In Bounce Out Rotate Grow Rotate Float Sink Bob Hang Skew Skew Forward Skew Backward Wobble Horizontal Wobble Vertical Wobble To Bottom Right Wobble To Top Right Wobble Top Wobble Bottom Wobble Skew Buzz Buzz Out Forward Backward Background Transitions Fade Back Pulse Sweep To Right Sweep To Left Sweep To Bottom Sweep To Top
hatano99 2017/10/18
CSS

Library

CSS3

animation
ãƒªãƒ³ã‚¯
CSSã§å®Ÿç¾ï¼ç›®ã‚’å¥ªã‚ã‚Œã‚‹ç´ æ•µãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆç”¨HTMLã‚¹ãƒ‹ãƒšãƒƒãƒˆ32å€‹ã¾ã¨ã‚
æ™®æ®µã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½•æ°—ãªãåˆ©ç”¨ã—ã¦ã„ã‚‹ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„ãƒžã‚¦ã‚¹ã‚¯ãƒªãƒƒã‚¯ã‚’ã€CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ã¦ã‚ˆã‚Šé…åŠ›çš„ã«è¡¨ç¾ã—ã¦ã¿ã¾ã›ã‚“ã‹ã€‚å‹•ãã«ç›®ãŒå¥ªã‚ã‚Œã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³çš„ãªè¦‹ãŸç›®ã ã‘ã§ãªãã€ç”»åƒã‚„ãƒã‚¤ãƒ‘ãƒ¼ãƒªãƒ³ã‚¯ã®ã‚¯ãƒªãƒƒã‚¯ã—ã‚„ã™ã•ãªã©ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚„æ“ä½œæ€§ã‚’å¤§å¹…ã«æ”¹å–„ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ä»Šå›žã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å°è±¡ã«æ®‹ã‚‹åŠ¹æžœçš„ãªãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆç”¨HTML/CSSã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ HTML/CSSã®ã¿ã§ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã•ã‚ŒãŸã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚‚å¤šãã€è‡ªç”±ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã ã‘ã§ãªãã€ã‚³ãƒ”ãƒšã§ã‚µã‚¤ãƒˆã«åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒãƒ¼ãƒˆã‚’ãŒã£ã¡ã‚ŠæŽ´ã‚€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã€ä»Šå¾Œã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«æ´»ã‹ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã€‚ ã‚³ãƒ”ãƒšå¯ã§ã™ãã«å½¹ç«‹ã¤ï¼ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ¥µã‚ã‚‹HTML/CSSã‚¹ãƒ‹ãƒšãƒƒãƒˆ30å€‹ã¾ã¨ã‚ ã‚³ãƒ”ãƒšã§åˆ©ç”¨å¯ï¼æ€ã‚ãšæŠ¼ã—ãŸããªã‚‹ãƒœã‚¿ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆç”¨HTMLã‚¹ãƒ‹
hatano99 2017/08/03
css

CSS3

Hover

ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
CSSã®é–¢æ•°ã¯ã©ã‚“ã©ã‚“ä¾¿åˆ©ã«ãªã£ã¦ã„ã‚‹ï¼minmax()ã‚’ä½¿ã†ã¨Media Queriesç„¡ã—ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹
CSSã®é–¢æ•°ã«ã¯ä¾¿åˆ©ãªã‚‚ã®ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ä¾‹ãˆã°ã€divè¦ç´ ã«ã€Œwidth: calc(100% - 50px);ã€ã¨æŒ‡å®šã™ã‚‹ã“ã¨ã§ã€å¹…ã„ã£ã±ã„ã‹ã‚‰50pxã‚’å¼•ã„ãŸå€¤ã‚’å¹…ã«é©ç”¨ã§ãã¾ã™ã€‚ minmax()é–¢æ•°ã¯calc()é–¢æ•°ã®ã‚ˆã†ã«æ•°å—ã‚„ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’ä½¿ã£ã¦ã€è¦ç´ ã®æœ€å°å€¤ã¨æœ€å¤§å€¤ã‚’æŒ‡å®šã§ãã€ç°¡å˜ãªCSSã®è¨˜è¿°ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®é«˜åº¦ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã§ãã¾ã™ã€‚ ä¸‹è¨˜ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚°ãƒªãƒƒãƒ‰ã¯ãŸã£ãŸ2è¡Œã®CSSã§ã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚‚2ã¤ã ã‘ã§ã™ã€‚ How the minmax() Function Works ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ minmax()ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ minmax()ã‚’ä½¿ã†ã¨ã€Media Queriesç„¡ã—ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã§ãã‚‹ ã‚µãƒãƒ¼ãƒˆãƒ–ãƒ©ã‚¦ã‚¶ minmax()ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹
hatano99 2017/06/15
Webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚ã¨ã§èªã‚€

css3

media
ãƒªãƒ³ã‚¯
æ—¥æœ¬èªžå¯¾å¿œï¼CSS Flexboxã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ä½œã£ãŸã®ã§é…å¸ƒã—ã¾ã™ | Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹
2021å¹´12æœˆ18æ—¥ CSS, ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ Flexboxã¨ã¯Flexible Box Layout Moduleã®ã“ã¨ã§ã€ãã®åã®é€šã‚Šãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ã§ç°¡å˜ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒçµ„ã‚ã¡ã‚ƒã†ç´ æ•µãƒœãƒƒã‚¯ã‚¹ã§ã™ã€‚ç¾åœ¨ã»ã¨ã‚“ã©ã™ã¹ã¦ã®æœ€æ–°ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§Flexboxã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ãŠã‚Šã€Flexboxã‚’ä½¿ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆçµ„ã¿ãŒä»Šå¾Œã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã¨ãªã‚‹ã§ã—ã‚‡ã†ã€‚Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã§ã¯ä»¥å‰ã‹ã‚‰Flexboxã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ããŸã®ã§ã™ãŒã€æœ€è¿‘FlexboxãŒæµ¸é€ã—ã¦ããŸã“ã¨ã‚‚ã‚ã£ã¦ã‹å„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦è³ªå•ã•ã‚Œã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ããŸã®ã§ã€ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã¨ã—ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯ãªã‚‹ã¹ãç”»åƒãƒ¡ã‚¤ãƒ³ã§ãƒ—ãƒãƒ‘ãƒ†ã‚£ãƒ¼ã®ä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ å‹•ç”»ã§å¦ã¶CSS Flexbox ã“ã®è¨˜äº‹ã¯YouTubeå‹•ç”»ã§ã‚‚è§£èª¬ã—ã¦ã„ã¾ã™ã€‚å‹•ç”»æ´¾ã®
hatano99 2017/03/31
Flex

flexbox

css

HTML

CSS3

cheatsheet
ãƒªãƒ³ã‚¯
web-animations-jsã§ç–å®šä¸ã®APIã‚’å…ˆå–ã‚Šã™ã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã“ã®è¨˜äº‹ã¯JavaScript Advent Calendar 2014ã®è¨˜äº‹ã§ã‚‚ãªã‘ã‚Œã°ã€Frontrend Advent Calendar 2014ã®è¨˜äº‹ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ ã¹ã€ã¹ã¤ã«æ›¸ã“ã†ã¨æ€ã£ãŸã‚‰ã™ã§ã«åŸ‹ã¾ã£ã¦ãŸã¨ã‹ã˜ã‚ƒãªã„ã‚“ã ã‹ã‚‰ãã£ï¼ CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„SVGã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã‚’æŠ½è±¡çš„ã«ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ãƒ™ãƒ¼ã‚¹ã§æ‰±ã†ã“ã¨ã®ã§ãã‚‹ web-animations-js ãŒä¾¿åˆ©ãªã®ã§ä½¿ã„æ–¹ãªã©ã‚’æ›¸ã„ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ å…¬å¼ã‚µã‚¤ãƒˆï¼šhttps://www.polymer-project.org/platform/web-animat
hatano99 2016/11/24
Calendar

api

editor

IE

JavaScript

library

CSS3

animation
ãƒªãƒ³ã‚¯
SVGã§ä½œæˆã•ã‚ŒãŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€ŒSVG Loadersã€
ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã„ãŸã„æ™‚ã«é‡å®ã—ãã†ãªSVGã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€‚ã‚¹ãƒ ãƒ¼ã‚ºãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å‹•ããƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒ12ç¨®é¡žã‚ã‚Šã€ã‚µã‚¤ã‚ºã‚„ã‚«ãƒ©ãƒ¼ã®å¤‰æ›´ã‚‚ç°¡å˜ã«ã§ãã‚‹ã®ã§æ§˜ã€…ãªã‚±ãƒ¼ã‚¹ã§æ´»ç”¨ã§ããã†ã§ã™ã€‚
hatano99 2016/11/17
css3

html5
ãƒªãƒ³ã‚¯
ãƒ—ãƒãŒå®Ÿè·µã™ã‚‹ãƒ¢ãƒ€ãƒ³ CSS ã®æ›¸ãæ–¹å…¥é–€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯20é¸ã¾ã¨ã‚
æµ·å¤–ã‚µã‚¤ãƒˆTutorialzineã§å…¬é–‹ã•ã‚ŒãŸã€Œ20 Protips For Writing Modern CSSã€ã®è‘—è€… Danny Markov ã‚ˆã‚Šè¨±å¯ã‚’ã‚‚ã‚‰ã„ã€ç¿»è¨³è»¢è¼‰ã—ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€CSSã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã§å®Ÿè·µã—ãŸã„ã€ä¾¿åˆ©ãª20ç¨®é¡žã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã”ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚CSSã‚’ã¯ã˜ã‚ãŸã°ã‹ã‚Šã®åˆå¿ƒè€…ã®ã²ã¨ã«ã‚‚åˆã£ãŸå†…å®¹ã‚‚å¤šãã€ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„å°‘ã—ã ã‘é«˜åº¦ã§ã€ã‚ˆã‚Šå®Ÿè·µçš„ãªCSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§å¦ã¶ã“ã¨ã§ãã¾ã™ã€‚ã“ã‚Œã‚‰ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã€ä»Šå¾Œã®ã‚¦ã‚§ãƒ–åˆ¶ä½œã‚’ã‚ˆã‚Šã‚¹ãƒ ãƒ¼ã‚ºã«ã€å¿«é©ã«è¡Œã†ã“ã¨ãŒã§ãã‚‹ã§ã—ã‚‡ã†ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç›®æ¬¡ 1. ç¸¦æ–¹å‘ã®ãƒžãƒ¼ã‚¸ãƒ³å¹…ã«æ°—ã‚’ã¤ã‘ã‚ˆã†ã€‚ 2. ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã« Flexbox ã‚’åˆ©ç”¨ã—ã‚ˆã†ã€‚ 3. CSS ãƒªã‚»ãƒƒãƒˆã‚’ã—ã‚ˆã†ã€‚ 4. Border-box ã‚’ã™ã¹ã¦ã«é©ç”¨ã—ã‚ˆã†ã€‚ 5. ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ•ã‚¡ã‚¤ãƒ«ã¯èƒŒæ™¯ã«é©ç”¨ã—ã‚ˆã†ã€‚ 6. ãƒªã‚¹ãƒˆãƒ†ãƒ¼ãƒ–ãƒ«ç”¨ãƒœãƒ¼ãƒ€ãƒ¼
hatano99 2016/09/06
css

css

HTML

CSS3

ã‚ã¨ã§èªã‚€

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒªãƒƒãƒãªã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã‚’å®Ÿç¾ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³10é¸
jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ã“ã¨ã§ã€é«˜åº¦ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã€é…åŠ›çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç°¡å˜ã«å®Ÿç¾ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ä»Šå›žã¯ Web ã‚µã‚¤ãƒˆã®è¡¨ç¾ã‚’ã‚ˆã‚Šãƒªãƒƒãƒãªã‚‚ã®ã«ã™ã‚‹ãƒ†ã‚ã‚¹ãƒˆç³»ã® jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Fit Text è¦ªè¦ç´ ã®ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’ãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ã«å¤‰æ›´ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã§ã¯ã€ç”»é¢ã®ã‚µã‚¤ã‚ºã®æ‹¡å¤§ãƒ»ç¸®å°ã«ã‚ˆã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚Œã‚‹ã“ã¨ãŒç¢ºèªã§ãã¾ã™ã€‚ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ãƒ†ã‚ã‚¹ãƒˆã®æœ€å°ãƒ»æœ€å¤§ã‚µã‚¤ã‚ºãªã©ã‚’è¨å®šã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ DOWNLOAD / DEMO CircleType.js ãƒ†ã‚ã‚¹ãƒˆã‚’ã‚«ãƒ¼ãƒ–ã•ã›ãŸã‚Šã€å††å½¢ã«ã—ãŸã‚Šã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚RAIDUS ã‚’è¨å®šã™ã‚‹ã“ã¨ãŒã§ãã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦å‹•çš„ã« RADIUS ã‚’å¤‰åŒ–ã•ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚CircleType.js ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯ 2KB ã—ã‹ãªã„ã®ã§ã€éžå¸¸ã«è»½é‡ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™
hatano99 2016/07/14
demo

jquery

design

CSS3

effect

ãƒ†ã‚ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
http://usingcss3.com/wp-content/uploads/2016/04/awesome-input-focus-effects.html
hatano99 2016/06/15
css

css3

css

ã“ã‚Œã¯ã‚¹ãƒ†ã‚

interaction
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã®å‹•ãã«é…åŠ›ã‚’ä¸Žãˆã‚‹ ãƒ•ãƒªãƒ¼jQuery&CSS3ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¾ã¨ã‚ã€ŒA Wonderful Collection Of Free jQuery & CSS3 Image Hover Effectsã€
ã‚µã‚¤ãƒˆã®å‹•ãã«é…åŠ›ã‚’ä¸Žãˆã‚‹ ãƒ•ãƒªãƒ¼jQuery&CSS3ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¾ã¨ã‚ã€ŒA Wonderful Collection Of Free jQuery & CSS3 Image Hover Effectsã€ webã‚µã‚¤ãƒˆã‚’ã‚ˆã‚Šé…åŠ›çš„ã«è¦‹ã›ã‚‹ãŸã‚ã«ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã¯ã‚‚ã¡ã‚ã‚“ã§ã™ãŒã€æ„å¤–æ€§ã®ã‚ã‚‹å‹•ããªã©ã‚’å–ã‚Šå…¥ã‚Œã‚‹ã“ã¨ã§å®Ÿç¾ã™ã‚‹ã“ã¨ã‚‚ã€‚ä»Šå›žã¯ãã‚“ãªã‚µã‚¤ãƒˆã®å‹•ãã«é…åŠ›ã‚’ä¸Žãˆã‚‹ã€ãƒ•ãƒªãƒ¼jQuery&CSS3ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¾ã¨ã‚ã€ŒA Wonderful Collection Of Free jQuery & CSS3 Image Hover Effectsã€ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Direction-Aware Hover with CSS3 and jQuery ã•ã¾ã–ã¾ãªç¨®é¡žã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒè±Šå¯Œã«ç´¹ä»‹ã•ã‚Œã¦ãŠã‚Šã€ã‚µã‚¤ãƒˆè‡ªä½“ã«ã©ã“ã‹ç‰©è¶³ã‚Šãªã•ã‚’æ„Ÿã˜ã¦ã„ãŸæ–¹ã«ãŠã™ã™ã‚ã®ã¾ã¨ã‚ã¨ãªã£ã¦ã„ã¾ã™ã€‚ è©³
hatano99 2016/05/18
jQuery

css3

jquery
ãƒªãƒ³ã‚¯
Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãªã‚‰æŠ¼ã•ãˆã¦ãŠããŸã„ã€CSS3ã‚’ä½¿ã£ãŸæ¬¡ä¸–ä»£è¡¨ç¾
Interactive CSS3 Lightin... / Path menu in pure CSS3 / Space CaCSS - Animated C...ä»–...å…¨8ä»¶
hatano99 2016/05/08
css3

web

html
ãƒªãƒ³ã‚¯
css3ã§å¹ãå‡ºã—ä½œã£ã¦ã€ç–‘ä¼¼è¦ç´ ãŒz-indexã§ã©ã£ã‹è¡Œã£ã¡ã‚ƒã†ã®ç›´ã™
å½“ãƒ–ãƒã‚°ã§ã¯é•·å¹´ï¼Ÿç”»åƒã§å¹ãå‡ºã—ã‚’è¡¨ç¾ã—ã¦ã„ãŸã®ã§ã™ãŒã€retinaå¯¾å¿œã‚’ã—ãŸæ™‚ã«ç”»åƒã®ã¼ã‘å…·åˆãŒæ°—ã«ãªã‚Šå‡ºã—ã¾ã—ãŸã€‚cssã§è¡¨ç¾å‡ºæ¥ã‚‹éƒ¨å“ã¯ãªã‚‹ã¹ããã£ã¡ã«ã‚·ãƒ•ãƒˆã—ãŸã„ãªãƒ¼ã¨ã„ã†ã“ã¨ã§ï¼ webã§ã¯å¹ãå‡ºã—ã‚’ä½œã‚‹ãŸã‚ã®ä¾¿åˆ©ãªã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚„æ²¢å±±ã®å„ªã‚ŒãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãŒå…¬é–‹ã•ã‚Œã¾ã™ãŒã€å‹‰å¼·ãŒã¦ã‚‰è‡ªåˆ†ãªã‚Šã«ã¾ã¨ã‚ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã¾ãšã¯æ§‹æˆã‹ã‚‰ ã©ã†ã—ã¦ã‚‚cssã®è¡Œæ•°ãŒé•·ãƒ¼ããªã‚‹ã®ãŒæ¬ ç‚¹ã§ã™ãªâ€¦ã€‚ãã‚Œã§ã‚‚ç”»åƒã®æ–¹ãŒé‡ã„ã‚“ã ã‚ã†ã¨æ°—ã‚’å–ã‚Šç›´ã—ã¦ã‚„ã£ã¦ã¿ã¾ã™ã€‚ ç–‘ä¼¼è¦ç´ ã®before afterã‚’ä½¿ã£ã¦å¹ãå‡ºã—éƒ¨åˆ†ã‚’è¡¨ç¾ã—ã¾ã™ã€‚ ãƒœãƒ¼ãƒ€ãƒ¼ã®ã‚ã‚‹å¹ãå‡ºã—ã«ã—ã¦ã¿ã‚‹ã€‚ ãŸã®ã—ã„æ¯’çŸ¢å…¥é–€ã‚’èªã‚“ã ã‚“ã ã€‚ éƒ¨å“ã¨ãªã‚‹ã®ã¯ã€ æœ¬ä½“ã®è¦ç´ pã€€å†…å®¹ã¨backgroundã‚«ãƒ©ãƒ¼ã¨border beforeã«ã‚ˆã‚‹å‰ã®è¦ç´ å¹ãå‡ºã—ã®ä¸‰è§’éƒ¨åˆ†ï¼ˆpã®ãƒœãƒ¼ãƒ€ãƒ¼è‰²ã¨åŒè‰²ï¼‰ afterã«ã‚ˆã‚‹å¾Œã®è¦ç´ ã€€å¹ãå‡ºã—ã®ä¸‰è§’éƒ¨åˆ†ï¼ˆ
hatano99 2016/04/28
css3
ãƒªãƒ³ã‚¯
ã€CSS3ã€‘2015å¹´4æœˆ3æ—¥ç¾åœ¨ ã‚ˆãä½¿ã†CSS3ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œçŠ¶æ³ã¨æ›¸ãæ–¹
ã“ã‚“ã«ã¡ã¯ã€WEBãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°éƒ¨ã®æ‰å°¾ã§ã™ã€‚ ä»Šå›žã¯ã‚ˆãä½¿ã†CSS3ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œçŠ¶æ³ã¨å…±ã«ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾ç–ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®è©³ç´°ã«ã¤ã„ã¦ã¯ã€æ¬¡å›žä»¥é™ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã®ã§ã€ãã¡ã‚‰ã‚’ã”è¦§ãã ã•ã„ã€‚ CSS3ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒä½¿ãˆã‚‹ã‹ã©ã†ã‹ã€ã©ã†ã‚„ã£ã¦åˆ¤æ–ã™ã‚‹ï¼Ÿ CSS3ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒä½¿ãˆã‚‹ã‹ã©ã†ã‹ã€ã¨ã„ã†ã®ã¯ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ãŒã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ã§æ±ºã¾ã‚Šã¾ã™ã€‚ ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã¯ã€ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã«ãŠã„ã¦ã¯IEã€Chromeã€Firefoxã€Safariã€Operaã®ï¼•ã¤ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã«ãŠã„ã¦ã¯ã€iOS Safariã€Android Browserã®ï¼’ã¤ ã§ã™ã€‚ æ¡ˆä»¶ã«ã‚ˆã£ã¦ã¯åˆ‡ã‚Šæ¨ã¦ã¦ã‚ˆã„ãƒ–ãƒ©ã‚¦ã‚¶ã‚‚ã‚ã‚‹ã§ã—ã‚‡ã†ãŒã€Webåˆ¶ä½œã«ãŠã„ã¦ã¯æ™®é€šã€ã“ã‚Œã‚‰ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã™ã‚‹ã“ã¨ã‚’æ±‚ã‚ã‚‰ã‚Œã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œçŠ¶æ³ã‚’èª¿ã¹ã‚‹ã«ã¯ã€Webé–‹ç™ºè€…ã”ç”¨é”ã®caniuse.comÂ ãŒä¾¿
hatano99 2016/04/27
â€œgradientâ€

css

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

css

tips

css3

ã‚ã¨ã§èªã‚€

ãƒœã‚¿ãƒ³
ãƒªãƒ³ã‚¯
bouncejs.comÂ -Â bouncejs ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
hatano99 2016/03/15
browser

js

css3

javascript

css
ãƒªãƒ³ã‚¯
Webãƒ•ã‚©ãƒ³ãƒˆã‚’æ»‘ã‚‰ã‹ã«è¡¨ç¤ºã•ã›ã‚‹CSS 2016å¹´ç‰ˆ IE 11/Edge/Chrome/Firefoxï¼ˆWindowsï¼‰
ç›®æ¬¡ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«ã‚ˆã£ã¦Webãƒ•ã‚©ãƒ³ãƒˆã®è¦‹ãˆæ–¹ãŒé•ã† å„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®å®Ÿéš›ã®ç”»é¢ã§è¦‹ãˆæ–¹ã‚’ãƒã‚§ãƒƒã‚¯ font-smooth -webkit-font-smoothing transf orm: rotate(0.001deg) text-shadow: 0 0 0.1px rgba(0,0,0,0.5) CSSã‚’é©ç”¨ã—ãŸçŠ¶æ…‹ã§å„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®å®Ÿéš›ã®ç”»é¢ã§ãƒã‚§ãƒƒã‚¯ ã“ã®ãƒ–ãƒã‚°å†…ã®é–¢é€£ãƒšãƒ¼ã‚¸ å‚è€ƒã«ã—ãŸãƒšãƒ¼ã‚¸ ã‚µãƒ³ãƒ—ãƒ«ç”»é¢ã¨ã—ã¦ä½¿ã£ãŸã‚µã‚¤ãƒˆ ã“ã®è¨˜äº‹ã¸ã®ãƒãƒƒãƒˆã®åå¿œã¾ã¨ã‚ â—ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«ã‚ˆã£ã¦Webãƒ•ã‚©ãƒ³ãƒˆã®è¦‹ãˆæ–¹ãŒé•ã† ä»Šæ›´ã§ã™ãŒã€æ—¥æœ¬èªžã®Webãƒ•ã‚©ãƒ³ãƒˆã‚’ä¼šç¤¾ã®ã‚µã‚¤ãƒˆã§ä½¿ã„å§‹ã‚ã¾ã—ãŸã€‚ å…ƒæ¥ã€Webãƒ–ãƒ©ã‚¦ã‚¶ã¯ç«¯æœ«ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚’å‘¼ã³å‡ºã—æ–‡å—ã‚’è¡¨ç¤ºã™ã‚‹ã€‚ç«¯æœ«ã®ãƒ•ã‚©ãƒ³ãƒˆå¦‚ä½•ã§ã¯ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒæ„å›³ã—ãªã„Webè¡¨ç¤ºãŒãªã•ã‚Œã¦ã—ã¾ã„ã€ã¾ãŸãƒ•ã‚©ãƒ³ãƒˆã«é–¢ã™ã‚‹Webãƒ‡ã‚¶ã‚¤ãƒ³ã«åˆ¶ç´„ãŒç”Ÿã˜ã¦ã—
hatano99 2016/02/16
font

CSS3

css

chrome

ã‚ã¨ã§èªã‚€

webãƒ•ã‚©ãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
Stronghold
/* ALLï¼ˆå…±é€šï¼‰ */ .box{width: 200px; height: 200px; line-height: 200px; text-align: center; position: relative;} .bd div{background: #000; position:absolute;-webkit-transition:all 0.3s;transition:all 0.3s;} .bd div.bdT{width: 100%; height:2px; top:0; left:0;} .bd div.bdB{width: 100%; height:2px; bottom:0; right:0;} .bd div.bdR{height:100%; width :2px; right:0; top:0;} .bd div.bdL{height:100%; width :2
hatano99 2016/02/04
ã‚«ãƒ¼ãƒãƒ£ãƒ³ï¼ˆæ¯ã¡ã‚ƒã‚“

css3
ãƒªãƒ³ã‚¯
ã‚«ãƒ†ã‚´ãƒªåˆ¥ã«è¦‹ã‚‹ã€ã‚¹ãƒžãƒ•ã‚©ã®ã‚¢ãƒ—ãƒªã«ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹æ°—æŒã¡ã®ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã¾ã¨ã‚
æ°—æŒã¡ã®ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€ã‚¹ãƒžãƒ•ã‚©ã®ã‚¢ãƒ—ãƒªã«ã¯æ¬ ã‹ã›ãªã„ã¨è¨€ã£ã¦ã‚‚ã‚ˆã„ã§ã—ã‚‡ã†ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’è¨è¨ˆã™ã‚‹ä¸Šã§éžå¸¸ã«é‡è¦ã§ã€4ã¤ã®ã‚«ãƒ†ã‚´ãƒªã«åˆ†ã‘ã¦ãƒ¦ãƒ¼ã‚¶ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã«æ¬ ã‹ã›ãªã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Great Animations Make Great Apps ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. çŸ¥ã‚‰ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ 2. å¯èƒ½ã§ã‚ã‚‹ã“ã¨ã‚’ä¼ãˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ 3. ã‚ãªãŸã‚’æ“è¿Žã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ 4. æ¥½ã—ã¾ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ 1. çŸ¥ã‚‰ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ æœ€ã‚‚å˜ç´”ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½¿ã„æ–¹ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«çŸ¥ã‚‰ã›ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ã“ã‚Œã¯å¤šãã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚
hatano99 2016/01/29
jQuery

*webãƒ‡ã‚¶ã‚¤ãƒ³

ui

css3

*webåˆ¶ä½œ

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸