월: 2014 3월

Box-shadow, one of CSS3′s best new features  http://anandgraphic.blogspot.kr/2012/06/box-shadow-one-of-css3s-best-new.html  Box-shadow Shadow-outer #example1 { -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888; } This property will form the box shadow outside. And it will works on Firefox, Safari/Chrome, Opera and IE9. Examples:   Example A shows a shadow offset to […]

CSS generators for fast web page styling 1. http://www.colorzilla.com/gradient-editor/ 2. http://www.css3factory.com/linear-gradients/ 3. http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html 4. http://www.css3maker.com/ 5.  http://www.css3.me/ Gradient Guide 1. http://louis-sawtell.com/content/tutorial-css-3-gradient-border-radius-box-shadow-reflect  Firefox background:-moz-linear-gradient( center top, green 0%, green 50%, blue 50%, red 100% ); Webkit (chrome & safari) background:-webkit-gradient( linear, left top, left bottom, from(green), color-stop(0.5,green), color-stop(0.5,blue), to(red) ); Border-radius /* set the radius of each corner */ boder-radius:5px; […]

Optimizing Graphics for Apple’s Retina Display Using the CSS Background Size   CSS3 background-size Property   Value Description Play it auto Default value. The background-image contains its width and height Play it » length Sets the width and height of the background image. The first value sets the width, the second value sets the height. […]

100% Div Height Issue stackoverflow.com 브라우저 화면의 100% 높이를 유지하는 레이아웃 hyeonseok.com