我想在我的网站中使用whatsapp emojis作为图标。 我需要网站的网址或CSS的链接以获得了WhatsApp的图标如何获取whstsapp颜色Emojis作为与.css链接的图标?
0
A
回答
1
这里是CSS的链接
link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet"
1
你可以看到这个页面https://afeld.github.io/emoji-css/也许我可以帮u..orü应在此页面或u应搜索该代码表情符号。
<!-- The wrap for everything, so you can position it wherever.
Also, so all the other elements are siblings. -->
<div class="emoji-toggle emoji-travel">
<!-- The input is first, so the ~ selector can select siblings after it. -->
<input type="checkbox" id="toggle2" class="toggle">
<!-- The emoji is a psuedo element on this. -->
<div class="emoji"></div>
<!-- This is absolutely positioned over everything.
Also, the split/label comes from using both :before and :after -->
<label for="toggle2" class="well"></label>
</div## Heading ##
And then try for css this code.
@mixin emojiType($leftEmoji, $rightEmoji, $leftLabel, $rightLabel) {
.toggle {
~.emoji:before {
content: $leftEmoji;
}
&:checked {
~.emoji:before {
content: $rightEmoji;
}
}
~label {
&:before {
content: $leftLabel;
}
&:after {
content: $rightLabel;
}
}
}
}
// Usage
.emoji-happy {
@include emojiType(
"\01F604", "\01F620", "Happy", "Mad"
);
}
0
您可以使用此图片作为背景,并设置位置表情符号要使用例如,这叫做CSS图像拼图see this
.emojis{display:inline-block;width:100%;height:100%;}
.smile,.sad,.cry,.slipy,.angry,.emoji1,.emoji2,.emoji3{
background-image : url(https://i.stack.imgur.com/Xrdcg.jpg);
display:inline-block;
background-repeat:no-repeat;
width: 183px;
height: 150px;
overflow: hidden;
text-indent: -9999px;
}
.smile {
background-position: -31px 0;
}
.sad {
background-position: -1387px -500px;
}
.cry {
background-position: -354px 0px;
}
.angry {
background-position: -177px -339px;
}
<div class="emojis" >
<div class="smile"></div>
<div class="sad"></div>
<div class="cry"></div>
<div class="slipy"></div>
<div class="angry"></div>
<div class="emoji1"></div>
<div class="emoji2"></div>
<div class="emoji3"></div>
</div>
相关问题
- 1. CSS颜色不工作的链接
- 2. CSS链接颜色不起作用
- 3. 如何更改文本颜色链接tr元素与CSS
- 4. IE 7的链接颜色CSS问题
- 5. 如何在一个超链接中获取两种颜色?
- 6. CSS:链接的背景图像获取父级背景色
- 7. CSS链接颜色样式覆盖
- 8. HTML/CSS - 悬停链接颜色
- 9. CSS/PHP更改悬停颜色链接
- 10. 如何更改使用css类的链接的字体颜色?
- 11. 如何将favicon链接到随机的css颜色?
- 12. 获取链接标签的内容与JavaScript - 不是CSS
- 13. 如何生成与颜色成比例的CSS颜色?
- 14. 添加链接悬停颜色与JavaScript而不是css
- 15. 如何更改搜索图标的颜色作为提示
- 16. 标题显示链接颜色
- 17. 如何更改链接颜色JSF表
- 18. 如何定义所选超链接的链接颜色?
- 19. 链接的颜色:参观
- 20. 如何获取图像中像素的颜色(加载灰色)?
- 21. CSS颜色为alpha的图像?
- 22. 如何获取所有链接标题?
- 23. 如何获取包含特定颜色的CSS选择器?
- 24. 如何使用CSS更改图标字体的颜色
- 25. CSS:在UL类的链接颜色不覆盖默认的颜色格
- 26. 如何制作:悬停,超链接的颜色渐变?
- 27. 如何将默认Bootstrap链接悬停颜色更改为自定义颜色?
- 28. CSS背景颜色与图像
- 29. php - 如何从具有特定背景颜色的li链接获取内容?
- 30. 如何获取Angular 2链接为蓝色并加下划线?