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

akkun_choi id:akkun_choi

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

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

How does the performance of using background-gradients in CSS vs using images?
akkun_choi 2015/05/04
css3
ãƒªãƒ³ã‚¯
å‹•ãCSSã®ãŸã‚ã®ãƒ¡ãƒ¢ã€‚
CSSã§ã§ãã‚‹äº‹ãŒã©ã‚“ã©ã‚“å¢—ãˆã¦ã¾ã™ã€‚JavaScriptã‚’ä½¿ã£ã¦å®Ÿè£…ã™ã‚‹ã‚ˆã†ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UIã‚‚ã€CSSã ã‘ã§ä½œã‚Œã¡ã‚ƒã†ã»ã©ã€ä¾¿åˆ©ãªãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã˜ã‚ƒã‚“ã˜ã‚ƒã‹å¢—ãˆã¾ã—ãŸãã€‚ã“ã“ã§ã¯ã€è¦ç´ ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ã¤ã‘ã‚‹ãŸã‚ã®CSSã‚’ä½¿ã£ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦ã€ã¾ã¨ã‚ã¦ã‚†ã“ã†ã¨æ€ã„ã¾ã™:)ã€‚ CSSã§å‹•ã‹ã™ ã€Œå‹•ãã€ã¨ã„ã£ã¦ã‚‚ã€è‡ªç”±è‡ªåœ¨ã«ãã«ã‚ƒãã«ã‚ƒå‹•ã‹ã›ã‚‹ã‚ã‘ã§ã¯ãªãã¦ã€CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®æ•°å€¤ã‚’ã‚¹ãƒ ãƒ¼ã‚ºã«å¢—æ¸›ã•ã›ã‚‹ã“ã¨ã§ã€è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ»‘ã‚‰ã‹ã«å¤‰åŒ–ã•ã›ã¾ã™ã€‚ ä¾‹ãˆã°ã€ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ã€pè¦ç´ ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ãŸæ™‚ã«ã€font-sizeã®å€¤ã‚’ã€1emã‹ã‚‰2emã«ã€ã‚¹ãƒ ãƒ¼ã‚ºã«å¤‰åŒ–ã™ã‚‹ã‚ˆã†ã«æŒ‡å®šã—ã¦ã„ã¾ã™ã€‚ p { transition: font-size 1s; } å‹•ã‹ã™ãŸã‚ã®ãƒžã‚¹ãƒˆãƒ—ãƒãƒ‘ãƒ†ã‚£ CSSã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ãŸã‚ã«å¿…è¦ä¸å¯æ¬ ãªã®ãŒtransitionãƒ—ãƒãƒ‘ãƒ†ã‚£
akkun_choi 2014/06/07
css3
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‹‰å¼·ã«ã‚‚ãªã‚‹ã€CSSã§å®Ÿè£…ã™ã‚‹ãƒ‘ãƒ³ããšã®ã¾ã¨ã‚
è§’ä¸¸ã‚„ä¸‰è§’å½¢ã€ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã‚’æ·»ãˆãŸã‚Šã€CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆãŸã‚Šãªã©ã€CSSã§å®Ÿè£…ã™ã‚‹ãƒ‘ãƒ³ããšã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ©Ÿèƒ½çš„ã«ã¯ã‚‚ã¡ã‚ã‚“ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ†ã‚ã‚¹ãƒˆãƒ™ãƒ¼ã‚¹ã®ã‚‚ã®ã¨åŒã˜ã§ã™ãŒã€ã‚µã‚¤ãƒˆã®UIã«ã‚ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‘ãƒ³ããšã‚‚ç´ æ•µã§ã™ã‚ˆãã€‚
akkun_choi 2013/10/28
css3
ãƒªãƒ³ã‚¯
Animation in AngularJS
ALL AUDIENCES SO DON'T PANIC EVEN IF YOU'RE NEW TO ANGULAR Gias Kay Lee
akkun_choi 2013/09/18
angular.js

css3
ãƒªãƒ³ã‚¯
Dropthebit - A Bitcoin platform on-the-rise
ON SALE - A great Bitocin domain By Yair Even-Or
akkun_choi 2013/02/28
css3
ãƒªãƒ³ã‚¯
CSS3D Clouds
An experiment on creating volumetric 3d-like clouds with CSS3 3D Transf orms and a bit of Javascript. Check out the tutorial here! Move the mouse to rotate around and mouse wheel to zoom in and out. Hit space to generate a new cloud. Works on Firefox (faster if Nightly), Chrome and Safari.
akkun_choi 2013/02/10
CSS3
ãƒªãƒ³ã‚¯
3D Thumbnail Hover Effects
Adding some perspective with CSS3 and jQuery â€” best viewed in WebKit browsers CSS transf orms are not supported in your browser CSS 3D transf orms are not supported in your browser CSS transitions are not supported in your browser Sorry, only modern browsers.
akkun_choi 2012/06/19
css3
ãƒªãƒ³ã‚¯
Transit - CSS transitions and transformations for jQuery
Upgrading notes Upgrading from an older version? Transit should be mostly backward-compatible. See the change log for notes. Development version You may also download the development version which has spaces and comments preserved. Curious to see how it's made? See the annotated source code!
akkun_choi 2012/06/05
jquery

css3
ãƒªãƒ³ã‚¯
U-15å¤©å ‚ Lolitaå°è˜¿èŽ‰çš„ç§˜å¯†èŠ±åœ’: Tomoe Yamanaka (å±±ä¸çŸ¥æµ)-191 - p_dvd_tomoe-y03_009.jpg - yamå¤©ç©ºéƒ¨è½
æ˜¥å¤©è³žæ«»ã€å¤å¤©è³žè·ã€ç§‹å¤©è³žæ¥“ã€å†¬å¤©å°±è³žè½ç¾½æ¾ï¼è½ç¾½æ¾åŽŸæœ¬æ˜¯è§€è³žç”¨çš„é€ æ™¯æ¤ç‰©ï¼Œé€™å¹¾å¹´æ›´è¢«å»£æ³›ç¨®æ¤ã€‚å¤å¤©æ™‚å‘ˆç¾é®®å«©é£½æ»¿çš„ç¶ è‰²ï¼Œç‰åˆ°11ã€12æœˆä»½æœƒæ…¢æ…¢è½‰é»ƒï¼Œåˆ°äº†çœŸæ£å…¥å†¬çš„æ™‚å€™æœƒè½‰è®Šç‚ºæ©™ç´…è‰²ã€‚Cç·¨è¦ºå¾—æ£æ˜¯å› ç‚ºå®ƒå¤šè®Šçš„é¡è‰²æ‰é€ å°±äº†å®ƒçš„ç¾Žè±”ï¼Œæ¼¸å±¤çš„è‰²èª¿è®“ç…§ç‰‡æ‹èµ·ä¾†å¦‚è©©å¦‚ç•«ï¼Œæ›´æœ‰æƒ…èª¿ï¼æœ¬ç·¨æ•´ç†äº†å…¨å°ç£å„åœ°çš„è½ç¾½æ¾æ™¯é»žï¼Œå–œæ¡åœ¨ç§‹å†¬ä¹‹éš›æ—…éŠçš„æœ‹å‹å€‘å¯ä»¥å…ˆè¨˜éŒ„ä¸‹ä¾†å”·ï¼
akkun_choi 2011/05/10
css3
ãƒªãƒ³ã‚¯
æœ¬ã®è™«: ChromeãŒã„ã¤ã®é–“ã«ã‹ç¸¦æ›¸ãã‚’å®Ÿè£…ã—å§‹ã‚ã¦ã„ãŸ
æ³¨æ„ï¼šã“ã“ã«ç¤ºã—ãŸCSSã¯ã€å®Ÿç”¨çš„ãªç›®çš„ã«ã¯ã€ã¾ã ä½¿ã£ã¦ã¯ãªã‚‰ãªã„ã€‚ä½•æ•…ãªã‚‰ã°ã€-webkitãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ã‚¯ã‚¹ã‚’ä½¿ã£ã¦ã„ã‚‹ã‹ã‚‰ã§ã‚ã‚‹ã€‚ã€‚ã“ã‚Œã¯ã€webkitã®å®Ÿè£…ãŒã¾ã å®Œå…¨ã§ã¯ãªã„ã“ã¨ã‚’æ„å‘³ã™ã‚‹ã€‚ Chromeï¼ˆã¨ã„ã†ã‚ˆã‚Šã‚‚webkitï¼‰ãŒã„ã¤ã®é–“ã«ã‹ã€ç¸¦æ›¸ãã‚’å®Ÿè£…ã—å§‹ã‚ã¦ã„ãŸã€‚ã¤ã¾ã‚Šã€CSS3ã®writing-modeãƒ—ãƒãƒ‘ãƒ†ã‚£ã®vertical-rlã¨vertical-lrã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã®ã§ã‚ã‚‹ã€‚ã¾ã ã€ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ã‚¯ã‚¹ãŒå¿…è¦ãªã®ã§ã€å®Œå…¨ãªå®Ÿè£…ã§ã¯ãªã„ã®ã‹ã‚‚ã—ã‚Œãªã„ãŒã€å°‘ãªãã¨ã‚‚ã€ã‚ã‚‹ç¨‹åº¦ã¯å‹•ãã‚ˆã†ã ã€‚ ä¾‹ãˆã°ã€ä»¥ä¸‹ã®æ§˜ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒã€ <p style=" writing-mode : vertical-rl ; -webkit-writing-mode : vertical-rl ; font-family : '@ï¼ï¼³ æ˜Žæœ' ; font-size : 16pt ;
akkun_choi 2011/03/29
chrome

css3
ãƒªãƒ³ã‚¯
Sexy Interactions with CSS Transitions | Carsonified
While Webkit-based browsers have had CSS Transitions since Safari 3.1.2, other browsers are only just now coming out with nightly builds supporting this exciting new part of the CSS3 specification. With all browsers except for IE being slated to have Transitions support in the coming months, more and more web designers are turning to this powerful technique as a means to enhance their websiteâ€™s us
akkun_choi 2010/05/17
CSS3
ãƒªãƒ³ã‚¯
1