Не уверена, что вопрос о css , однако , у нас есть вот такое оформление победителей Погони ( не вникать , что это),
[html]
<IFRAME class="iframeAdaptive" height="580px" width="100%" SRC="https://godon.ru/gggggg.html" frameborder="0"> </IFRAME><hr><center> [/html]
Код выглядит так
Код: <!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">*_*_*</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5"> *_*_* </text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style>
<html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9"></text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5"></text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style>
<html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">✅Вейма</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">✅Вейма</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style>
<html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">🇷🇺〽🅰®ℹ🅰📈📈🅰♊</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">🇷🇺〽🅰®ℹ🅰📈📈🅰♊</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style><html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">Наталья</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Наталья</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style>
<html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">Sovuniya</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Sovuniya</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style><html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">Cinema</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Cinema</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style><html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">Lily Champion</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Lily Champion</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style>
<html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">Hamster</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Hamster</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style>
<html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">Lena</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Lena</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style>
<html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">Tatushka</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Tatushka</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style>
<html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">Кейо</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Кейо</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style>
<html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">Котенок</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Котенок</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style>
<html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">Irena</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Irena</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style>
<html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">Nikita Electrian</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Nikita Electrian</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('https://i.imgur.com/COzx2TN.jpg');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style>
<html><svg viewbox="0 0 200 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#FFFFFF"/>
<stop offset="95%" stop-color="#000000"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)" fill-opacity="0.9">*</text>
<text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">*</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
background:url('http://patty64.p.a.pic.centerblog.net/hl9xwasj.gif');
background-size:cover;
font-family: 'Cabin Condensed', sans-serif;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}
</style>
И все круто, но как сделать текст ссылками , кто-нибудь знает?
Если ведаете тайну - истину, насыпьте знаний в мою ищущую голову, пожалуйста