Implement textShadow rendering (Fix #499 and #908)

This commit is contained in:
MoyuScript
2017-08-05 23:34:12 +08:00
parent 4868adff28
commit 30ce973b3d
4 changed files with 78 additions and 1 deletions

View File

@ -27,6 +27,14 @@
text-decoration: underline;
}
.white-text-with-blue-shadow {
text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
color: white;
font: 1.5em Georgia, serif;
}
.red-text-shadow {
text-shadow: 0 -2px;
}
</style>
</head>
@ -39,5 +47,11 @@
<span>testing with transparent</span>
<strong>testing with low opacity</strong>
</div>
<p class="white-text-with-blue-shadow">Sed ut perspiciatis unde omnis iste
natus error sit voluptatem accusantium doloremque laudantium,
totam rem aperiam, eaque ipsa quae ab illo inventore.</p>
<p class="red-text-shadow">Sed ut perspiciatis unde omnis iste
natus error sit voluptatem accusantium doloremque laudantium,
totam rem aperiam, eaque ipsa quae ab illo inventore.</p>
</body>
</html>