52 lines
1.5 KiB
XML
52 lines
1.5 KiB
XML
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1000 85" width="1000" height="85" style="/*! background: #0d1117; */">
|
|
<foreignObject width="100%" height="100%">
|
|
<div xmlns="http://www.w3.org/1999/xhtml">
|
|
<style>
|
|
@keyframes gradientText {
|
|
0% {
|
|
background-position: 0% 50%;
|
|
}
|
|
50% {
|
|
background-position: 100% 50%;
|
|
}
|
|
100% {
|
|
background-position: 0% 50%;
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
font-family:
|
|
'Segoe UI',
|
|
'Roboto',
|
|
'Oxygen',
|
|
'Ubuntu',
|
|
'Cantarell',
|
|
'Fira Sans',
|
|
'Droid Sans',
|
|
'Helvetica Neue',
|
|
sans-serif;
|
|
margin: 0;
|
|
font-size: 3.75em;
|
|
font-weight: 1000;
|
|
letter-spacing: -.05em;
|
|
text-align: center;
|
|
float: center;
|
|
}
|
|
.text {
|
|
background: -webkit-linear-gradient(right, #ff056e, #3c66ff);
|
|
background: linear-gradient(270deg, #ff056e 0, #3c66ff);
|
|
background-size: 350%;
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
-webkit-animation: gradientText 3s ease infinite;
|
|
animation: gradientText 3s ease infinite;
|
|
}
|
|
</style>
|
|
<h1>
|
|
<span class="text">PDFuck</span>
|
|
</h1>
|
|
</div>
|
|
</foreignObject>
|
|
</svg>
|