css 만으로 이미지에 폴라로이드 효과주기 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > CSS > 이미지 > css 만으로 이미지에 폴라로이드 효과주기 상세정보

클라우드태그

Javascript

PHP

ASP

CSS

HTML

MYSQL

jquery

image

Mobile

API

slide

게시판

메뉴

현재접속자 명

css 만으로 이미지에 폴라로이드 효과주기

해피팀

네티즌

소스분류

이미지

다운로드 횟수

0 회

간단설명

css 만으로 이미지에 폴라로이드 효과 주기 구글, 사파리, 파이어폭스에서 확인 익스플로어는 적용되지 않습니다.

평가하기

css 만으로 이미지를 폴라로이드 사진처럼 만듭니다.
구글, 사파리, 파이어폭스에서만 적용이 됩니다.

아래 스타일소스를 이미지에 적용하면 됩니다.

.polaroid {
    background:#000; /*Change this to a background image or remove*/
    border:solid #fff;
    border-width:6px 6px 20px 6px;
    box-shadow:1px 1px 5px #333; /* Standard blur at 5px. Increase for more depth */
    -webkit-box-shadow:1px 1px 5px #333;
    -moz-box-shadow:1px 1px 5px #333;
    height:200px; /*Set to height of your image or desired div*/
    width:200px; /*Set to width of your image or desired div*/
}