[B! background] maxcaffyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

maxcaffy id:maxcaffy

backgroundã«é–¢ã™ã‚‹maxcaffyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

é«ªã®æ¯›åˆ‡ã‚ŠæŠœã / Photoshopã‚’ä½¿ã£ã¦èƒŒæ™¯ã‚’ãã‚Œã„ã«åˆ‡ã‚ŠæŠœãæ–¹æ³•ã¾ã¨ã‚ | DesignWalker
maxcaffy 2014/06/10
Photoshop

background

tips

tutorial

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

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

design

ç”»åƒ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ClippingMagic
Trained on millions and millions of real world images, not artificial lab data, the Clipping Magic Auto-Clip AI background remover handles so much more than just a few cherry-picked foreground categories. And the learning hasn't stopped. As the AI background editor is exposed to more and more photos, its ability to handle yours continues to improve. The only background removal editor in the world
maxcaffy 2014/03/19
webä¸Šã§ç”»åƒã®èƒŒæ™¯ã‚’åˆ‡ã‚ŠæŠœããƒ„ãƒ¼ãƒ«

image

background

algorithm

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

webã‚µãƒ¼ãƒ“ã‚¹

Webåˆ¶ä½œ

tool

ç”»åƒå‡¦ç†

ç”»åƒåŠ å·¥

webservice
ãƒªãƒ³ã‚¯
[CSS]box-shadowã‚’ä½¿ã£ã¦ã€ç´™ãŒãµã‚ã‚Šã¨æµ®ã‹ã‚“ã ã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ã‘ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
Creating Different CSS3 Box Shadows Effects [ad#ad-2] ãƒ‡ãƒ¢ å®Ÿè£… ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯box-shadowã«å¯¾å¿œã—ãŸä¸‹è¨˜ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã”è¦§ãã ã•ã„ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] å®Ÿè£… åŸºæœ¬ã¨ãªã‚‹HTML 8ã¤ã®å„ãƒ‡ãƒ¢ã®HTMLã®åŸºæœ¬ã¯åŒã˜ã§ã€classåãŒç•°ãªã‚‹ã ã‘ã§ã™ã€‚ <div class="box effect"> <h3>Effect</h3> </div> åŸºæœ¬ã¨ãªã‚‹CSS divè¦ç´ ã¨h3è¦ç´ ã®åŸºæœ¬ã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã§ã™ã€‚ .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
maxcaffy 2014/02/21
box-shadow

effect

HTML

css

Opera

Internet Explorer

internet

Chrome

background

firefox
ãƒªãƒ³ã‚¯
PNGç”»åƒã§ã‚‚ã‚³ãƒžé€ã‚Šã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¦ã—ã¾ã†ã€ãƒŠã‚¤ã‚¹ã‚¢ã‚¤ãƒ‡ã‚¢ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Sprite sheet
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ä»•çµ„ã¿ã¯ã€æ¨ªã«å„ã‚³ãƒžã‚’ä¸¦ã¹ãŸPNGç”»åƒã‚’CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã§é †ã«è¡¨ç¤ºã•ã›ã¦ã€ã‚³ãƒžé€ã‚Šã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ ã€Œshow spriteã€ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã¨ãã®ä»•çµ„ã¿ãŒã‚ˆãã‚ã‹ã‚Šã¾ã™ã€‚ ã€Œanimation-durationã€ã®æ•°å—ã‚’å¤‰æ›´ã™ã‚‹ã¨ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®é€Ÿåº¦ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’è¡¨ç¤º ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã‚³ãƒžé€ã‚Šã®ã‚¹ãƒ†ãƒƒãƒ—ã‚’å®šç¾©ã—ã€èƒŒæ™¯ã«ã—ãŸPNGç”»åƒã‚’å°‘ã—ãšã¤ãšã‚‰ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã¯1ç§’é–“ã«10ã‚¹ãƒ†ãƒƒãƒ—ã€500pxã®ç”»åƒã‚’50pxãšã¤å‹•ã‹ã—ã¦ã„ã¾ã™ã€‚ CSS div { animation: play 1s steps(10) infinite; } @keyframes play { 0% { background-position: 0px 0; } 100% { background-position: -500px 0; } }
maxcaffy 2014/01/28
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

PNG

css

animation

webåˆ¶ä½œ

image

css3

background

ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆ

ç”»åƒ
ãƒªãƒ³ã‚¯
Stripe Generator - ajax diagonal stripes background designer
Play with sliders and color pickers, untill you obtain a super-cool stripe tile Press "Download" to save your creation Edit your css adding this line to the element you want to stripe:
maxcaffy 2014/01/08
creation

background

ajax

want

color

generator

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼

css

stripe
ãƒªãƒ³ã‚¯
CSSå†…ã®ç”»åƒåŸ‹è¾¼ã§é«˜é€ŸåŒ–(Data URI) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
maxcaffy 2013/12/05
CSSå†…ã«ç”»åƒã‚’åŸ‹ã‚è¾¼ã‚€

image

css

PNG

background

Webåˆ¶ä½œ

performance

é«˜é€ŸåŒ–

php

url

Data URI
ãƒªãƒ³ã‚¯
nth-child() ç–‘ä¼¼ã‚¯ãƒ©ã‚¹ã‚’è©¦ã—ã¦ã¿ã‚‹ | d-spica
nth-child() ç–‘ä¼¼ã‚¯ãƒ©ã‚¹ã‚’è©¦ã—ã¦ã¿ã‚‹ 2008-05-26 0 0 XHTML/CSS CSS, nth-child CSS3ã§å®šç¾©ã•ã‚Œã‚‹ nth-child() ç–‘ä¼¼ã‚¯ãƒ©ã‚¹ã€‚ã“ã‚ŒãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ï¼ŒHTMLãƒ•ã‚¡ã‚¤ãƒ«ï¼ŒCSSãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ¡ãƒ³ãƒ†ãƒŠã‚¹ãŒæ¥½ã«ãªã‚‹ã ã‚ã†ãª...ã¨æ€ã†ã®ã§ã™ã€‚ ã©ã‚“ãªå…·åˆã‹ï¼Œã¡ã‚‡ã£ã¨è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ nth-child() ç–‘ä¼¼ã‚¯ãƒ©ã‚¹ã¨ã¯ è‹±æ–‡ã§ã™ãŒï¼Œè©³ç´°ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚W3Cã® Working Draftï¼ˆè‰æ¡ˆï¼‰ã§ã™ã®ã§ï¼Œä»Šå¾Œå¤‰æ›´ã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ Selectors - 6.6.5. Structural pseudo-classes - :nth-child() pseudo-class ãã®è¦ç´ ãŒä½•ç•ªç›®ã®åè¦ç´ ã‹ã«ã‚ˆã£ã¦ï¼Œè©²å½“ã™ã‚‹ã‚‚ã®ã«ã ã‘ï¼ŒCSSã‚’ã‚ã¦ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã¨ãˆã°ï¼Œã‚»ãƒ¬ã‚¯ã‚¿ã«ul li:nth-child(2n)ï¼Œã¾ãŸã¯
maxcaffy 2013/02/08
css

background

Tips

html5

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

webåˆ¶ä½œ

css3

ç–‘ä¼¼ã‚¯ãƒ©ã‚¹

CSSã‚»ãƒ¬ã‚¯ã‚¿

nth-child
ãƒªãƒ³ã‚¯
Subtle Patterns | Free textures for your next web project
These lovely water-colorful dots will make your designs pop...
maxcaffy 2012/04/30
design

pattern

ãƒ‘ã‚¿ãƒ¼ãƒ³

ç´ æ

Web

èƒŒæ™¯ç”»åƒ

HTML

grid

background
ãƒªãƒ³ã‚¯
1