웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] css 만으로 이미지에 폴라로이드 효과주기 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] css 만으로 이미지에 폴라로이드 효과주기

해피CGI윤실장 2017. 4. 14. 09:29

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*/
}


 

홈페이지바로가기 

Comments