国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

使用Sticker.js實現貼紙效果

2019-11-20 13:18:02
字體:
來源:轉載
供稿:網友

  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');

  立即下載   在線演示

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 巴彦县| 宁津县| 阳新县| 临武县| 蒙阴县| 卢湾区| 两当县| 上蔡县| 洛南县| 永济市| 宜章县| 建湖县| 厦门市| 湘潭市| 弋阳县| 诏安县| 沙湾县| 师宗县| 忻城县| 常宁市| 鹿泉市| 博爱县| 五峰| 海南省| 海晏县| 江北区| 惠东县| 商都县| 兴国县| 襄城县| 灵石县| 宜君县| 滦平县| 阜城县| 辽阳市| 高阳县| 尼木县| 舒兰市| 长丰县| 杂多县| 汤原县|