linear-gradient

2013. 4. 9. 14:14ยทBefore. 2021

background: -webkit-linear-gradient(#CCC, #696969);

background: -moz-linear-gradient(#CCC, #696969);

background: -o-linear-gradient(#CCC, #696969);



background: -ms-linear-gradient(#CCC, #696969);

IE์˜๊ฒฝ์šฐ IE10๋ถ€ํ„ฐ ์“ธ์ˆ˜์žˆ๊ณ , IE10์ดํ•˜์˜ ๊ฒฝ์šฐ filter๋ฅผ ์ด์šฉ


filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#696969');

fitler์˜ ๊ฒฝ์šฐ IE10์—์„œ๋Š” ์ ์šฉ์•ˆ๋จ



๊ท€์ฐฎ์€ IE

์ €์ž‘์žํ‘œ์‹œ (์ƒˆ์ฐฝ์—ด๋ฆผ)

'Before. 2021' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

... ์ฒ˜๋ฆฌ [text-overflow:ellipsis]  (0) 2013.07.18
1. ๋ฐ˜์‘ํ˜• ์›น ๊ธฐ์ดˆ  (1) 2013.04.12
CSS3 ์—์„œ ์ข‹์€ 5 ๊ฐ€์ง€ ์†์„ฑ  (0) 2013.04.01
๋ธŒ๋ผ์šฐ์ € ํ•ต ์ •๋ณด(CSS,SCRIPT)  (0) 2013.03.26
border-corner-shape  (0) 2013.03.26
'Before. 2021' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • ... ์ฒ˜๋ฆฌ [text-overflow:ellipsis]
  • 1. ๋ฐ˜์‘ํ˜• ์›น ๊ธฐ์ดˆ
  • CSS3 ์—์„œ ์ข‹์€ 5 ๊ฐ€์ง€ ์†์„ฑ
  • ๋ธŒ๋ผ์šฐ์ € ํ•ต ์ •๋ณด(CSS,SCRIPT)
๋น™๊ณ ๊ตฌ๋ง›ํƒ•
๋น™๊ณ ๊ตฌ๋ง›ํƒ•
  • ๋น™๊ณ ๊ตฌ๋ง›ํƒ•
    ๐•Ž๐”ผ๐”น ๐”ธ๐•ƒ๐•ƒ ๐•ƒ๐•†๐”พ
    ๋น™๊ณ ๊ตฌ๋ง›ํƒ•
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ๋ฐฉ๋ช…๋ก
    • ๊ธ€์“ฐ๊ธฐ
    • ๊ด€๋ฆฌ์ž
    • ์ „์ฒด๋ณด๊ธฐ
      • w. Gemini
      • w. GPTs
      • Before. 2021
  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    footer ํ•˜๋‹จ์— ๊ณ ์ •
    footer ๊ณ ์ •
    ie9 ์„  ๋ฒ„๊ทธ
    input fileํƒœ๊ทธ ๋ฐ”๊พธ๊ธฐ
    border-collapse ์˜ค๋ฅ˜
    ie collapse ๋ฒ„๊ทธ
    css3
    box-shadow
    min-height:100%
  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.5
๋น™๊ณ ๊ตฌ๋ง›ํƒ•
linear-gradient
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”