国产探花免费观看_亚洲丰满少妇自慰呻吟_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');

  立即下載   在線演示

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 金昌市| 温泉县| 和龙市| 湘乡市| 吉安市| 乐昌市| 姜堰市| 麻城市| 察雅县| 专栏| 观塘区| 东明县| 庐江县| 北宁市| 神池县| 六枝特区| 青龙| 汨罗市| 湘阴县| 旬阳县| 肥乡县| 施秉县| 天水市| 奎屯市| 安西县| 定日县| 普兰县| 双牌县| 宾阳县| 剑阁县| 宝兴县| 郁南县| 泽州县| 留坝县| 安阳市| 忻城县| 榆树市| 平乐县| 白山市| 黄陵县| 商丘市|