mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-21 17:25:36 +00:00
2c14cf0ee3
MozReview-Commit-ID: LhvH5SS0SJY --HG-- extra : rebase_source : f1b4f885d574e478b59d3155b34491d8a5fdf277
33 lines
757 B
HTML
33 lines
757 B
HTML
<!doctype HTML>
|
|
<html>
|
|
<head>
|
|
<title>background-clip: text</title>
|
|
<style>
|
|
body {
|
|
transform: scale(1, 0.5);
|
|
}
|
|
div.out {
|
|
width: 500px;
|
|
height: 300px;
|
|
margin: 0px;
|
|
background-image: linear-gradient(green, green);
|
|
background-clip: text;
|
|
color: transparent;
|
|
font-size: 100px;
|
|
font-family: serif;
|
|
position: absolute;
|
|
left: 100px;
|
|
top: 100px;
|
|
transform: translate(-100px, 50px) scale(1, 2);
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="margin: 0px;">
|
|
<div class="out">
|
|
TEXT clip
|
|
<div style="display:inline-block; width:0px; height:200px;"/>
|
|
</div>
|
|
</body>
|
|
</html>
|