box-sizing 썸네일형 리스트형 gradient & box-sizing gradient & box-sizing [gradient] 화면을 꾸밀때 그래디언트 효과를 주고자 할때 기존에는 포토샵과 같은 그래픽 도구를 이용하여 이미지에 그래디언트 효과를 입혀서 그 이미지를 화면에 출력하는 방식을 써왔습니다. 하지만 이제 CSS3의 gradient를 이용하여 이 효과를 바로 적용시킬 수 있습니다. 아래와 같이 HTML과 CSS 파일을 작성합니다. [그림1]과 [그림2]와 같이 작성하여 HTML파일을 실행하면 브라우저에 다음과 같은 화면이 출력됨을 알 수 있습니다. CSS 파일 내용을 설명하면, div:nth-child(1) {background: linear-gradient(to right, green, lightgreen);} : 첫번째 블록에 그래디언트를 좌에 우측으로 적용하며.. 더보기 이전 1 다음
아무개의 취미생활
