'#shadows' 태그의 글 목록

Link

Tags more

관리 메뉴

목록#shadows (3)

포토샵의 드랍쉐도우 효과를 css box-shadow로 변환해주는 툴입니다 ~~^^ 좌측에서 포토샵속성값을 입력한뒤 입력한 값을 우측에서 추가 수정을 할 수 있습니다. 컨버트 후 css로 업데이트를 하면 아래에 코드를 확인하실 수 있습니다.

css이용하여 이미지의 단순한 그림자가 아닌 이미지가 반사된듯한 그림자 효과입니다. 해당 사이트에서 전체 소스를 확인 할 수 있습니다.

css를 이용하여 컨텐츠가 있는 박스의 그림자 효과를 넣을수 있습니다. 기본적인 박스 디자인에 아래와 같은 스타일로 다양한 그림자 효과를 적용할 수 있습니다. 응용하여 마우스 오버시 박스에 그림자 효과를 주어 컨텐츠에 포커스 되게 할 수 있습니다.

Prev 1 Next