dom-to-image-more
Version:
Generates an image from a DOM node using HTML5 canvas and SVG
35 lines (34 loc) • 1.13 kB
HTML
<div
class="high-gloss"
style="
background-image: linear-gradient(
rgba(50, 50, 50, 0.95) 24%,
rgb(186, 186, 186) 45%,
rgba(226, 235, 238, 0.953) 49%,
rgba(50, 50, 50, 0.93) 50%,
rgba(50, 50, 50, 0.97) 100%
);
block-size: 32px;
border-block-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
border-inline-color: rgba(0, 0, 0, 0);
box-sizing: border-box;
caret-color: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
column-rule-color: rgba(0, 0, 0, 0);
height: 32px;
inline-size: 914px;
outline-color: rgba(0, 0, 0, 0);
perspective-origin: 457px 16px;
text-decoration: none solid rgba(0, 0, 0, 0);
text-emphasis-color: rgba(0, 0, 0, 0);
text-shadow: rgba(0, 0, 0, 0.1) 5px 5px 10px;
transform-origin: 457px 16px;
width: 914px;
background-clip: text;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
-webkit-text-stroke-color: rgba(0, 0, 0, 0);
"
>
There's a lot of style here
</div>