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

ikacr4u id:ikacr4u

CSS3ã«é–¢ã™ã‚‹ikacr4uã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ã‚ªãƒ³ãƒžã‚¦ã‚¹ã§ãµã‚“ã‚ã‚Šç¾ã‚Œã‚‹ï¼CSS3ã‚’ä½¿ã£ãŸå¹ãå‡ºã—ã‚µãƒ³ãƒ—ãƒ«5ã¤
ã‚¿ã‚¤ãƒˆãƒ«ã®é€šã‚Šã§ã™ãŒã€ã‚¢ã‚¤ã‚³ãƒ³ã®ä¸Šã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨å¹ãå‡ºã—ãŒç¾ã‚Œã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ä»Šå›žã¯ç¾ã‚Œã‚‹å‹•ããŒé•ã†ã‚µãƒ³ãƒ—ãƒ«ã‚’5ã¤ç”¨æ„ã—ã¾ã—ãŸã®ã§ã€æ°—ã«å…¥ã£ãŸã‚‚ã®ãŒã‚ã‚Œã°ã†ã‚Œã—ã„ã§ã™ã€‚ Chromeã€Firefoxã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚„IE10ã ã¨ã™ã¹ã¦ã®ã‚µãƒ³ãƒ—ãƒ«ãŒå‹•ãã¾ã™ã€‚CSS3ã®transitionã‚„rotateãŒä½¿ãˆãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚æ©Ÿèƒ½çš„ã«ã¯å•é¡Œã¯ãªã„ã¨æ€ã„ã¾ã™ã€‚opacityãŒä½¿ãˆãªã„IE8ä»¥ä¸‹ã¯ã¡ã‚‡ã£ã¨åŽ³ã—ã„ã§ã™ãŒã€æœ€å¾Œã«å°‘ã—å¯¾å¿œæ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã§ã¯ã€ä¸€ç•ªä¸Šã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è§£èª¬ã—ã¾ã™ã€‚ HTML ã¾ãšã¯HTMLã‹ã‚‰ã€‚ Home Twitter Facebook RSS Setting aè¦ç´ ãŒã‚¢ã‚¤ã‚³ãƒ³ã§ã€spanè¦ç´ ãŒå¹ãå‡ºã—ã§ã™ã€‚ã‚¢ã‚¤ã‚³ãƒ³ã¯Webãƒ•ã‚©ãƒ³ãƒˆã§è¡¨ç¤ºã—ã¾ã™ã€‚ ç¶šã„ã¦CSSã§ã™ã€‚ã„ã¤ã‚‚é€šã‚Šã¾ãšã¯å…¨éƒ¨è¼‰ã›ã¾ã™ã€‚ @font-face { font-family: 'typicon
ikacr4u 2014/03/12
CSS3
ãƒªãƒ³ã‚¯
[css] CSS3æ™‚ä»£ã®ä¸Šä¸‹ä¸å¤®ã«é…ç½®ã™ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³
æœ€è¿‘å¤šç”¨ã™ã‚‹ã®ã§â€¦ã€‚ è¦ç´ ã®å…¨ç”»é¢åŒ–ã«ã¤ã„ã¦ å…ˆã«è¦ªã«ãªã‚‹è¦ç´ ã‚’ç”»é¢ã„ã£ã±ã„ã«åºƒã’ã‚‹æ–¹æ³•ã«ã¤ã„ã¦è£œè¶³ã—ã¦ãŠãã€‚ å¤§ããåˆ†ã‘ã‚‹ã¨çµ¶å¯¾é…ç½®ã¨ã‚µã‚¤ã‚ºæŒ‡å®šã®ï¼’ã¤ã‚ã‚‹ã€‚ çµ¶å¯¾é…ç½®ã¯ã€position:absoluteã‚’æŒ‡å®šã—ãŸä¸Šã§ ï¼”æ–¹å‘ã®ä½ç½®ã‚’0ï¼ˆã¾ãŸã¯ä»»æ„ã®å€¤ï¼‰ã«ã™ã‚‹ã€‚ #wrapper { position:absolute; top:0; right:0; bottom:0; left:0; } ã‚µã‚¤ã‚ºæŒ‡å®šã¯ã€widthã¨heightã‚’æŒ‡å®šã™ã‚‹ã ã‘ã ãŒã€ å¯¾è±¡ã®è¦ç´ ã ã‘ã§ãªããã®è¦ªã‚‚é«˜ã•ã¨æ¨ªå¹…ãŒãªã„ã¨æŒ‡å®šã—ãŸã‚µã‚¤ã‚ºã«ãªã‚‰ãªã„ã€‚ ç‰¹ã«é«˜ã•ã«ã¤ã„ã¦ã®æŒ‡å®šãŒãƒãƒžã‚Šã‚„ã™ã„ã€‚ å˜ç´”ã«bodyç›´ä¸‹ã«è¦ç´ ã‚’é…ç½®ã—ãŸã ã‘ã®å ´åˆã€ <body> <div id="wrapper"></div> </body> htmlã¨bodyã‚‚heightã‚’æŒ‡å®šã—ã¦ãªã„ã¨ç”»é¢ã„ã£ã±ã„ã«åºƒãŒã‚‰ãªã„ã€‚ html, body,
ikacr4u 2013/10/03
CSS

CSS3
ãƒªãƒ³ã‚¯
ç°¡å˜ã€ãã‚Œã„ï¼RGBaã‚«ãƒ©ãƒ¼ã‚’ä½¿ã£ã¦æ¨ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã£ã¦ã¿ã‚‹
RGBaã‚«ãƒ©ãƒ¼ã‚’ä½¿ã£ã¦å…¨ä½“ã«çµ±ä¸€æ„Ÿã®ã‚ã‚‹æ¨ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã£ã¦ã¿ã¾ã™ã€‚RGBaã‚«ãƒ©ãƒ¼ã¨ã„ã£ã¦ã‚‚ä½¿ã†ã®è‰²ã¯ç™½ï¼ˆrgba(255,255,255,0.4)ãªã©ï¼‰ã¨é»’ï¼ˆrgba(0,0,0,0.1)ãªã©ï¼‰ã ã‘ã§ã€ãã®é€æ˜Žåº¦ã‚’å¤‰ãˆã¦æ§˜ã€…ãªã¨ã“ã‚ã§ä½¿ã£ã¦ã„ã¾ã™ã€‚ å…ˆæ—¥æ›¸ã„ãŸã€Œã‚«ãƒ©ãƒ¼ãƒ„ãƒ¼ãƒ«ã€Œ0to255ã€ã§è‰²ã‚’æ±ºã‚ã¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã£ã¦ã¿ã‚‹ã€ãŒãªã‹ãªã‹å¥½è©•ã§ã—ãŸãŒã€ä»Šå›žã‚‚å‡ºæ¥ä¸ŠãŒã‚Šã¯åŒã˜ã‚ˆã†ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ãªã‚Šã¾ã™ã€‚ RGBaã‚«ãƒ©ãƒ¼ã«ã¤ã„ã¦ã¯ã€ä»¥å‰æ›¸ã„ãŸã€Œé€æ˜Žåº¦ã‚’è¡¨ã™ã€Œopacityã€ ã¨ ã€ŒRGBaã€ã®é•ã„ã¨ä½¿ã„åˆ†ã‘ã€ã‚‚å‚è€ƒã«ãªã‚‹ã¨æ€ã„ã¾ã™ã®ã§ãœã²ã”è¦§ãã ã•ã„ã€‚ æ—©é€Ÿã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã¦ã¿ã¾ã™ã€‚ã¾ãšã¯HTMLã§ã™ãŒã€ã“ã‚Œã¯ç‰¹ã«å•é¡Œãªã„ã¨æ€ã„ã¾ã™ã€‚ <ul id="menu"> <li><a href="#">IE</a></li> <li><a href="#">Firefox</a></li> <li><a href
ikacr4u 2012/11/15
css

css3
ãƒªãƒ³ã‚¯
CSS3ã®åˆ¶ä½œã‚’ãã£ã¨æ¥½ã«ã™ã‚‹åŽ³é¸20ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«
CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¯ã˜ã‚ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚·ãƒ£ãƒ‰ã‚¦ã‚„ãƒœãƒ¼ãƒ€ãƒ¼ã€ãƒ†ã‚ã‚¹ãƒˆã‚„ãƒœãƒƒã‚¯ã‚¹ã‚’ã‹ã£ã“ã‚ˆãã—ãŸã‚Šã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®ã‚°ãƒªãƒƒãƒ‰ã€ã‚»ãƒ¬ã‚¯ã‚¿ã®ä½¿ã„æ–¹ãªã©ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®åˆ¶ä½œæ™‚ã«å½¹ç«‹ã¤ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Animate.css classã‚’ä»˜ä¸Žã™ã‚‹ã ã‘ã§ã€ã•ã¾ã–ã¾ãªCSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè£…ã§ãã¾ã™ã€‚ åˆã£ç«¯ã‹ã‚‰ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã˜ã‚ƒãªã„ã§ã™ãŒã€ç°¡å˜ã«CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒåˆ©ç”¨ã§ãã‚‹ã¨ã„ã†ã“ã¨ã§ã€‚
ikacr4u 2012/07/12
css3
ãƒªãƒ³ã‚¯
Photoshopã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã‚·ã‚§ã‚¤ãƒ—ã‚’CSS3ã«å¤‰æ›ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒCSS3Psã€:phpspoté–‹ç™ºæ—¥èªŒ
CSS3Ps Photoshopã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã‚·ã‚§ã‚¤ãƒ—ã‚’CSS3ã«å¤‰æ›ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒCSS3Psã€ CSS3ã§ã¡ã‚‡ã£ã¨å‡ã£ãŸã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œã‚ŠãŸã„å ´åˆã«ã€PhotoshopãŒãã®ã¾ã¾ä½¿ãˆã¦CSS3ã«ã‚³ãƒ³ãƒãƒ¼ãƒˆã—ã¦ãã‚Œã¾ã™ã€‚ CSS3ã§æç”»ã—ãŸé©šãã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã€ã¨ã„ã†ã®ã‚‚ã€ã“ã†ã—ãŸãƒ„ãƒ¼ãƒ«ã‚’æ´»ç”¨ã™ã‚‹ã¨é©šãã®CSS3ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã§ã‚‚ãªã‚“ã§ã‚‚ãªããªã‚‹ã®ã‹ã‚‚ã€‚ ã‚·ã‚§ã‚¤ãƒ—ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¾ã™ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã‚“ã‹ã‚‚ã¤ã‘ã¤ã¤ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã§å‡ºåŠ›ã€‚ãã®ã¾ã‚“ã¾ã€‚ ç”»åƒã˜ã‚ƒãªã„ã‹ã‚‰è»½ã„ã¨ã„ã†ç‚¹ã‚‚ãƒã‚¤ãƒ³ãƒˆã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª CSS3ã§ã‚·ãƒ£ãƒ¬ã‚ªãƒ„ãªãƒªã‚¹ãƒˆã‚’ä½œã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãƒãƒŠãƒ¼ã‚’CSS3ã§ä½œã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« CSS3ã§å‡ºæ¥ãŸã‚¯ãƒ¼ãƒ«ãªLightBoxå®Ÿè£…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« CSS3ã§æã‹ã‚ŒãŸã‚·ã‚§ã‚¤ãƒ—ã®ã‚µãƒ³ãƒ—ãƒ«é›†
ikacr4u 2012/07/02
CSS3

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ãŒè¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸ | Stronghold Archive
404 Not Found. ãƒšãƒ¼ã‚¸ãŒè¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚URLãŒå¤‰æ›´ã•ã‚ŒãŸã‹å‰Šé™¤ã•ã‚ŒãŸå¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚The page you were looking for doesn't exist. You may have mistyped the address or the page may have moved.
ikacr4u 2012/06/21
Graphics

css3
ãƒªãƒ³ã‚¯
é›»è©±å ã„ã§ä½¿ã‚ã‚Œã‚‹å è¡“ã‚’ã”ç´¹ä»‹ | å½“ãŸã‚‹é›»è©±å ã„ãŠã™ã™ã‚ãƒ©ãƒ³ã‚ãƒ³ã‚°ï½žå£ã‚³ãƒŸã§è©•åˆ¤ã®å½“ãŸã‚‹é›»è©±å ã„ã‚µã‚¤ãƒˆç´¹ä»‹ï½ž
å°ã•ã„ã“ã‚ã‹ã‚‰å ã„ã«èˆˆå‘³ãŒã‚ã£ã¦ã€è‰²ã€…ã¨å‹‰å¼·ã—ã¦ã„ã‚‹ã†ã¡ã«ã©ã‚“ã©ã‚“å¥½ãã«ãªã‚Šã€çš†ã•ã‚“ã«ã‚‚å ã„ã®è‰¯ã•ã‚’çŸ¥ã£ã¦ã»ã—ãã¦è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã¾ã™ã€‚ çŸ¥ã‚Šåˆã„ã«å ã„å¸«ã‚„éœŠèƒ½åŠ›è€…ã€ãŠå¯ºã®ä½è·ãŒãŸãã•ã‚“ã„ã‚‹ã®ã§ã€ãã®æ–¹ãŸã¡ã«ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã—ã¦è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã¾ã™ã€‚
ikacr4u 2012/02/19
CSS3
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
ikacr4u 2012/02/01
CSS3
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ãƒ¬ã‚¿ãƒ¼ãƒ—ãƒ¬ã‚¹ï¼ˆåž‹æŠ¼ã—ï¼‰ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä½œã‚‹ã¨ãã®Tips
ãƒ¬ã‚¿ãƒ¼ãƒ—ãƒ¬ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå¤§å¥½ããªã‚“ã§ã™ ...ã€‚ãƒ¬ã‚¿ãƒ¼ãƒ—ãƒ¬ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä½¿ã£ãŸ Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¦³å¯Ÿã—ã¦ã„ã¦æ°—ä»˜ã„ãŸã“ã¨ã‚’ã¾ã¨ã‚ãªãŒã‚‰ã€Photoshop ã‚’ä½¿ã£ãŸãƒ¬ã‚¿ãƒ¼ãƒ—ãƒ¬ã‚¹ã®ä½œã‚Šæ–¹ã‚’ãŠã•ã‚‰ã„ã—ã¦ã¿ã¾ã—ãŸã€‚ æœ€è¿‘ã„ã‚ã‚“ãª Webã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã‚‹ã¨ã€ãƒ¬ã‚¿ãƒ¼ãƒ—ãƒ¬ã‚¹ï¼ˆåž‹æŠ¼ã—ï¼‰ã‚’è¡¨ç¾ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã€ãŸãã•ã‚“è¦‹ã‹ã‘ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ç§ã‚‚ãã‚Œã„ãªãƒ¬ã‚¿ãƒ¼ãƒ—ãƒ¬ã‚¹ãŒå¤§å¥½ããªã®ã§ã€ã“ã®ãƒ–ãƒã‚°ã§ã‚‚ãŸãã•ã‚“ä½¿ã„ãŸã„ã‚“ã§ã™ã‘ã©ã€ãªã‹ãªã‹ãã‚Œã„ã«è¡¨ç¾ã§ãã¾ã›ã‚“ â€¦ã€‚ãƒ¬ã‚¿ãƒ¼ãƒ—ãƒ¬ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ã€é»’ã‚„ç™½ã®èƒŒæ™¯ã§ã¯ã‚ã¾ã‚Šãã‚Œã„ã«ãªã‚‰ãªã„ã—ã€è‰²ã‚„ãƒ†ã‚¯ã‚¹ãƒãƒ£ã«ã‚ˆã£ã¦è¦‹ãˆæ–¹ãŒã‹ãªã‚Šå¤‰ã‚ã£ã¦ãã¾ã™ã€‚ãƒ¬ã‚¿ãƒ¼ãƒ—ãƒ¬ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä½¿ã£ãŸ Webã‚µã‚¤ãƒˆã‚’è¦³å¯Ÿã—ã¦ã„ã¦ã€ã“ã†ã—ãŸã‚‰ã‚ãƒ¬ã‚¤ã«ã§ãã‚‹ã‹ã‚‚ â€¦ ã¨ã„ã†è¦–ç‚¹ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚
ikacr4u 2011/09/30
webãƒ‡ã‚¶ã‚¤ãƒ³

photoshop

CSS3
ãƒªãƒ³ã‚¯
1