Sticker.js – 幫助你在網站中加入貼紙效果


  Sticker.js 是一個很小的 JavaScript 庫,它允許您在網頁中創建漂亮的貼紙效果。沒有依賴關系(不需要 jQuery),可以在大多數支持 CSS3 的主流瀏覽器工作。下面有簡單的使用示例,更多功能等着你去發現。

您可能感興趣的相關文章

  

 

使用示例: 

HTML:

<!-- dom elements -->
<div class="sticker example-1"></div>
<div class="sticker example-2"></div>

CSS:

.sticker {
width: 180px;
height: 180px;
}

// add image
.example-1 .sticker-img {
background-image: url(heroes-2.png);
}

// add color
.example-2 .sticker-img {
background-color: #ff4a85;
}

// change shadow opacity
.example-2 .sticker-shadow {
opacity: 0.6;
}

JavaScript:

<!-- call sticker js -->
Sticker.init('.sticker');

  

立即下載      在線演示

 

本文鏈接:Sticker.js – 幫助你在網站中加入貼紙效果

編譯來源:夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM