[CSS3]그림자 있는 배너 용어 정의 및 정리

배너(틀) 란 실제로 눈에 보이는 배너의 크기, 색, 내용 등을 담는 그릇.

결과물로 보이게 되는 실제 배너를 말한다.

 

기본 배경색과 그라디언트는 배너 안을 채워줄 색의 역할, 광택 효과는 완성된 배너에 투명한 그라디언트를 하나 더 추가해서 배너가 빛 받은 효과를 준다.

 

 

가상 선택자는 그림자의 모양을 만드는 데 사용하는 틀. 

가상 선택자를 변형(회전/ 비틀기 등) 함으로써 다양한 모양의 그림자를 만든다. 결과물에서 실제 배너 뒤로 감춰져서 보이지 않지만, 원래 배너 모양과 다른 모양의 그림자를 만드는 데 꼭 필요하다.

그림자 효과는 가상 선택자에 입혀지는 그림자 효과에 대한 속성값을 가진다. 배너에 가려져 보이지 않는 가상 선택자와 달리, 실제로 눈에 보이는 그림자이다.

---

Q. 가상 선택자는 필수인가요?
A. 원하는 그림자 모양에 맞춰 매번 배너의 모양을 바꿀 수 없기 때문에, 가상 선택자가 필요하다. 
그림자를 가지는 것은 배너가 아니라 임시도형(가상 선택자) 이 되는 것이다. 

 

출처 : 따라하면서 배우는 HTML5+CSS3+jQuery+JavaScript 실무활용 14가지, 위키북스