[B! css3] arikuiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

arikui id:arikui

css3ã«é–¢ã™ã‚‹arikuiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{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 ã® border-image ã§ç°¡å˜ã«ãƒªãƒƒãƒãªãƒœã‚¿ãƒ³ã‚’ä½œã‚Œã‚‹æœªæ¥ãŒã„ã¤ã®é–“ã«ã‹ãã¦ãŸ - latest log
ç”»åƒã‚’ä½¿ã£ã¦ãƒªãƒƒãƒã§ãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ã«ä¼¸ã³ç¸®ã¿ã™ã‚‹ãƒœã‚¿ãƒ³ã‚„ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½œã‚‹æ™‚ã¿ãªã•ã‚“ã¯ã©ã†ã—ã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ã€‚ å¾“æ¥ã®æ–¹æ³•ã ã¨ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ãŒç”»åƒã‚’9åˆ†å‰² ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§é ‘å¼µã£ã¦å†ç¾ã™ã‚‹ ã¨ã„ã†ãƒãƒ¼ãƒ‰ãƒ¯ãƒ¼ã‚¯ã‚’å¼·ã„ã‚‰ã‚Œã¦ã„ã¾ã—ãŸãŒã€ æ˜¨ä»Šã®ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºç’°å¢ƒã§ã¯ã€ãã‚Œã€ã‚‚ã†è¦ã‚‰ãªã„è‹¦åŠ´ã‚‰ã—ã„ã§ã™ã‚ˆã€‚ CSS3 ã® border-image ã‚’ä½¿ã†ã¨ã€9 slice(9 patch)ã‚’ CSS ã ã‘ã§å®Ÿç¾å¯èƒ½ã§ã™ã€‚ ç”¨æ„ã™ã‚‹ã‚‚ã®ã¯ã€9ã¤ã«åˆ†å‰²ã™ã‚‹å‰ã®ãƒœã‚¿ãƒ³ç”»åƒã§ã™ã€‚ ç”»åƒã‚’ç”¨æ„ã—ãŸã‚‰ã€http://border-image.com ã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’ä½¿ã„ border-image ç”¨ã®CSSã‚’ç”Ÿæˆã—ã¾ã™ã€‚ -webkit-border-image: url(img/btn.9.png) 27 24 30 25 round; ã¨ã™ã‚‹ã¨ã€ Android Browser 2.3.3 iPhone 4S
arikui 2013/03/29
[]

css3

css

border-image
ãƒªãƒ³ã‚¯
CSS3ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªxcss.jsã‚’ä½œã£ã¦ã¿ã¾ã—ãŸ - ?D of K
GitHub - ofk/xcssjs ãƒ‡ãƒ¢ï¼ˆã‚ªãƒªã‚¸ãƒŠãƒ«ã¯CSSã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ - Hail2uã®Design icon with CSSï¼‰ ãƒ‡ãƒ¢ã®çµæžœã¯ã‚ªãƒªã‚¸ãƒŠãƒ«ã¨åŒã˜ã§ã‚ˆãåˆ†ã‹ã‚‰ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€CSSãŒé•ã„ã¾ã™ã€‚xcss.jsã‚’èªã¿è¾¼ã‚€ã¨ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒªãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¯è¨˜è¿°ä¸è¦ã§ã™ã€‚ ã¤ã¾ã‚Šã€ã©ã†ã„ã†ã“ã¨ã‹ã¨ã„ã†ã¨ .rotate10 { transf orm: rotate(-10deg); } ã¨CSSã§æ›¸ã„ã¦ãŠãã€xcss.jsã‚’èªã¿è¾¼ã‚€ã¨ã€ .rotate10 { -moz-transf orm: rotate(-10deg); -webkit-transf orm: rotate(-10deg); -o-transf orm: rotate(-10deg); -ms-transf orm: rotate(-10deg); } ã¨ã„ã†CSSã‚’å‹•çš„ã«è¿½åŠ ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ï¼ˆå®Ÿéš›ã¯ãƒ–ãƒ©ã‚¦
arikui 2011/06/09
javascript

css

css3
ãƒªãƒ³ã‚¯
css3ã®transitionãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚µãƒ³ãƒ—ãƒ«ã‚’ã„ã‚ã„ã‚ä½œã£ã¦ã¿ãŸ - ã‹ã¡ã³ã¨.net
css3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒãƒ‘ãƒ†ã‚£ã€transitionãŒã¨ã¦ã‚‚é¢ç™½ã„ã®ã§ä½•ã¨ãªãã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è‰²ã€…ã¨ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ã¾ã å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯å°‘ãªã„ã§ã™ãŒã€å°†æ¥ã®ç‚ºã«äºˆç¿’ã—ã¦ã¿ãŸã®ã§ã‚·ã‚§ã‚¢ã€‚ css3ã®transitionãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯å¤‰åŒ–ã‚’ä¸Žãˆã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã§ãã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯transitionã¨animetionãŒã‚ã‚Šã€å¾Œè€…ã®ã»ã†ãŒã€Œã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã¨ã—ã¦ã®ä½ç½®ä»˜ã‘ã£ã½ã„ã®ã§ã™ãŒã€ä»Šå›žã¯ä½•ã¨ãªãtransitionã‚’ä½¿ç”¨ã—ã¾ã—ãŸã€‚ ãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼š-webkit-transition å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ï¼šwebkitç³»(Google Chromeã€Safariç‰) JavaScriptï¼šæœªä½¿ç”¨ ï¼ˆâ€»ã‚½ãƒ¼ã‚¹é–²è¦§ã®éƒ¨åˆ†ã¯jsã‚’ä½¿ã£ã¦ã„ã¾ã™ï¼‰ ä¸€å¿œã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä»¥å¤–ï¼ˆè§’ä¸¸ãªã©ï¼‰ã¯-mozã‚‚å…¥ã‚Œã¦ã„ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãªã®ã§ã€Œ-webkit-transition: *s ease-
arikui 2010/10/27
css3

css

animation
ãƒªãƒ³ã‚¯
CSSã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã¡ã‚‡ã£ã¨ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ #2
å‰å›žã®ã‚¨ãƒ³ãƒˆãƒªã®ã‚ˆã†ãªå¿œç”¨ã™ã‚‹ãŸã‚ã®åŸºæœ¬ã¨ã„ã†ã‚‚ã®ã§ã¯ãªãã€CSSã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã“ã†ã„ã†ä½¿ã„æ–¹ã‚‚ã§ãã‚‹ã‚ˆçš„ãªã‚‚ã®ã§ï¼“ã¤ã€‚æ™®é€šã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹ã¯css gradients in Firefox 3.6ã¨ã‹ã§ã€‚#3ã¯ãªã„ã€‚ ä»¥ä¸‹ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ç”»åƒã®ãƒªãƒ³ã‚¯å…ˆãŒãƒ‡ãƒ¢ãƒ»ãƒšãƒ¼ã‚¸ã«ãªã£ã¦ã„ã‚‹ã®ã§ãã¡ã‚‰ã‚‚å‚ç…§ã®ã“ã¨ã€‚ã‚‚ã¡ã‚ã‚“å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã®Firefox 3.6ã¨Safari 4ã‚„Chrome 4ä»¥é™ã§ãªã„ã¨å‹•ä½œãƒ‡ãƒ¢ã¯ç¢ºèªã§ããªã„ã€‚ Vistaé¢¨ã®ãƒ†ã‚«ã£ã¦ã‚‹ãƒœã‚¿ãƒ³ ã‚ã‚ŠãŒã¡ã ã‘ã©ä½œã‚ŒãŸã‚‰ãªã‹ãªã‹ä¾¿åˆ©ãã†ãªã®ã§æŒ‘æˆ¦ã—ã¦ã¿ãŸã‚‰ã€æ„å¤–ã«ç°¡å˜ã ã£ãŸã€‚å®Ÿã¯doubleãªborderãŒé‡è¦ã§ã€ã“ã‚ŒãŒç„¡ã„ã¨ã¡ã‚‡ã£ã¨é–“æŠœã‘ãªæ„Ÿã˜ã«ãªã‚‹ã€‚ã‚³ãƒ¼ãƒ‰çš„ã«ã¯é›£ã—ã„ã“ã¨ã¯ãªãã€ä¸ŠåŠåˆ†ã«rgb(138, 138, 138)ã‹ã‚‰rgb(102, 102, 102)ã€ä¸‹åŠåˆ†ã«rgb(36, 36, 36)ã‹ã‚‰rgb(0, 0, 0)ã¨
arikui 2009/12/21
css

css3

design
ãƒªãƒ³ã‚¯
Selectors
Selectors W3C Working Draft 15 December 2005 This version: http://www.w3.org/TR/2005/WD-css3-selectors-20051215 Latest version: http://www.w3.org/TR/css3-selectors Previous version: http://www.w3.org/TR/2001/CR-css3-selectors-20011113 Editors: Daniel Glazman (Invited Expert) Tantek Ã‡elik (Invited Expert) Ian Hickson (Google) Peter Linss (former editor, Netscape/AOL) John Williams (former editor, Q
arikui 2009/10/27
css

w3c

css3
ãƒªãƒ³ã‚¯
1