Sticker.jsは、Webページで美しいステッカーエフェクトを作成できる小さなJavaScriptライブラリです。 CSS3をサポートするほとんどの主流ブラウザでは、依存関係(jQueryは必要ありません)は機能しません。以下は簡単な使用例であり、より多くの機能があなたが発見するのを待っています。
使用例:
HTML:
コードコピーは次のとおりです。
<! - dom要素 - >
<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;
}
JavaScript:
コードコピーは次のとおりです。
<! - ステッカーJSを呼び出します - >
sticker.init( '。ステッカー');
今すぐオンラインデモをダウンロードしてください