blob: fbf00b13dd7f68333b027953d51c1d1a9b1a67ea [file] [log] [blame]
ο»Ώ<html>
<body>
<p>Three different sizes. The large size in particular should appear detailed and not pixelated.
<p>πŸ™‰πŸ˜»πŸ‘πŸΌπŸ²πŸ˜<span style="font-size: 5px;">πŸ™‰πŸ˜»πŸ‘πŸΌπŸ²πŸ˜</span> <span style="font-size: 72px;">πŸ™‰πŸ˜»πŸ‘πŸΌπŸ²πŸ˜</span></p>
<p>For the following, the emoji colors should not change.<br>
The monkey should be colored, the sheep should be black outlined with a white body, etc.</p>
<p style="font-size: 24px; background-color: blue; width: 400px;">blue background: πŸ™‰πŸ˜»πŸ‘πŸΌπŸ²πŸ˜</p>
<p style="font-size: 24px; color: red;">red text: πŸ™‰πŸ˜»πŸ‘πŸΌπŸ²πŸ˜</p>
<div style="-webkit-transform: rotate(-45deg); width: 200px; height: 200px; left: 500px; top: 200px; position:absolute;">
<p style="font-size: 24px;">rotated emoji: πŸ™‰πŸ˜<br><span style="color: green;">green text: 😻🍼</span><br><span style="background-color: purple;">purple bg: πŸ‘πŸ²</span></p>
</div>
<p>For the following, each emoji should appear in two different colors.<br>
Color swatches should not be visible.
<p style="font-size: 24px;">zero-width-joiners: ✌&zwj;&#x1f3ff;✌&zwj;&#x1f3fc;πŸ‘―&zwj;&#x1f3fb;πŸ‘―&zwj;&#x1f3ff;πŸ‘²&zwj;&#x1f3fd;πŸ‘²&zwj;&#x1f3fb;</p>
</body>
</html>