数码资讯
利用Sticker.js实现标签的影响
sticker.js是一个非常小的Javascript库,允许你创建漂亮的贴纸效果在你的网页。没有依赖(没有jQuery),你可以在大多数主流浏览器支持CSS3的工作。有简单的使用例子,更多功能等待你的发现。 使用的例子: HTML: 复制代码代码如下所示: CSS: 复制代码代码如下所示: {。贴
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
sticker.js是一个非常小的Javascript库,允许你创建漂亮的贴纸效果在你的网页。没有依赖(没有jQuery),你可以在大多数主流浏览器支持CSS3的工作。有简单的使用例子,更多功能等待你的发现。
使用的例子:
HTML:
复制代码代码如下所示:
CSS:
复制代码代码如下所示:
{。贴纸
宽度:180px;
身高:180px;
}
添加 /图像
example-1.sticker-img {。
背景图像:URL(heroes-2。PNG);
}
添加颜色
example-2.sticker-img {。
背景颜色:# ff4a85;
}
阴影不透明
example-2.sticker-shadow {。
不透明性:0.6;
}
Javascript:
复制代码代码如下所示:
Sticker.init('标签');
立即下载在线演示
使用的例子:
HTML:
复制代码代码如下所示:
CSS:
复制代码代码如下所示:
{。贴纸
宽度:180px;
身高:180px;
}
添加 /图像
example-1.sticker-img {。
背景图像:URL(heroes-2。PNG);
}
添加颜色
example-2.sticker-img {。
背景颜色:# ff4a85;
}
阴影不透明
example-2.sticker-shadow {。
不透明性:0.6;
}
Javascript:
复制代码代码如下所示:
Sticker.init('标签');
立即下载在线演示
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。