세연아빠의 개발과 일상의 모습

css 투명도 조절하기 (opacity, rgba)css 투명도 조절하기 (opacity, rgba) css3 이전에 투명도 조절하는 방법은 opacity 로 조절하는 방법이 있었으나 css3 에서는 투명도 조절하는 기존에 opacity 이외에 추가로 속성이 추가되었습니다. 이 차이점이 무었인지 알아보도록 하겠습니다. 1 opacity 로 조절하기 css3 이전부터 투명도 조절을 위해 사용되었던 opacity 입니다. 사용법 opacity: 0.5; 투명도 50%로 설정되어집니다. 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253html5 css3 투명도.gra { width: 6..

css gradient 속성 및 사용법css gradient 속성 및 사용법 css3 에서는 배경색에 그라데이션 기능으로 색상을 표현할 수 있게 되었습니다. 그전까지는 배경색에 그라데이션을 표현하려면 이미지 편집 프로그램을 사용하여야 가능하였으나 css3 에서는 스타일을 이용하여 그라데이션 색상을 직접 지정하여 표현 할 수 있다. 1 gradient 속성 1 background: linear-gradient(to right, #000, #ccc); 유형 linear , 또는 radial 중에서 선택할 수 있다. linear 은 선형 radial 은 원형으로 그라데이션이 표현된다. to right 는 오른쪽으로 to left 는 왼쪽으로 그라데이션이 적용된다. 2 background: radial-grad..

css text-shadow 속성 및 사용css text-shadow 속성 및 사용 css3 box-shadow 기능과 같은기능이며 text 의 그림자 효과를 넣을 수 있는 속성이다. text-shadow 속성은 css3에서 처음 적용된 속성은 아니다 css2에서 추가된 속이이지만 지원하는 브라우저가 거의 없어 많이 사용되지 않던 기능이다. 3 css text-shadow 속성 p { text-shadow: 5px 5px 4px #000; } text-shadow 의 첫번째 속성값 : 그림자가 가로로 얼마나 떨어져 있는지를 지정함. 양수는 오른쪽 음수는 왼쪽 text-shadow 의 첫번째 속성값 : 그림자가 세로로 얼마나 떨어져 있는지를 지정함 양수값은 글자아래 음수값은 글짜 위 text-shadow ..