sticker.js는 웹 페이지에서 아름다운 스티커 효과를 만들 수있는 작은 JavaScript 라이브러리입니다. CSS3를 지원하는 대부분의 주류 브라우저에서 의존성 (jQuery 필요 없음)이 작동하지 않습니다. 아래는 간단한 사용 예제이며 더 많은 기능이 발견되기를 기다리고 있습니다.
사용의 예 :
HTML :
코드 사본은 다음과 같습니다.
<!-돔 요소->
<div> </div>
<div> </div>
CSS :
코드 사본은 다음과 같습니다.
.Sticker {
너비 : 180px;
높이 : 180px;
}
// 이미지 추가
.example-1 .Sticker-img {
배경 이미지 : URL (Heroes-2.png);
}
// 색상을 추가합니다
.example-2 .Sticker-Img {
배경색 : #ff4a85;
}
// 그림자 불투명도 변경
.example-2 .Sticker-shadow {
불투명도 : 0.6;
}
자바 스크립트 :
코드 사본은 다음과 같습니다.
<!-통화 스티커 js->
sticker.init ( '. 스티커');
지금 온라인 데모를 다운로드하십시오