exploring CSS filters with 80s text effects
Negoita Ionut <[email protected]> Sun, 12 Apr 2020 10:15:38 +0300
| Newsgroups | gmane.comp.web.svg |
|---|---|
| Message-ID | <[email protected]> |
--_F23C1A52-91D7-4688-9AFE-80EAE2667F49_
Content-Transfer-Encoding: quoted-printable
Content-Type: text/plain; charset="utf-8"
Hi guys,
I=E2=80=99ve started playing around with SVG filters and decided to create =
a few 80s retro text effects with CSS and SVG filters.=20
Check out my results
http://www.coding-dude.com/wp/css/svg-filters/
I=E2=80=99m curious to hear feedback from you.
Cheers!
John
--_F23C1A52-91D7-4688-9AFE-80EAE2667F49_
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="utf-8"
<html xmlns:o=3D"urn:schemas-microsoft-com:office:office" xmlns:w=3D"urn:sc=
hemas-microsoft-com:office:word" xmlns:m=3D"http://schemas.microsoft.com/of=
fice/2004/12/omml" xmlns=3D"http://www.w3.org/TR/REC-html40"><head><meta ht=
tp-equiv=3DContent-Type content=3D"text/html; charset=3Dutf-8"><meta name=
=3DGenerator content=3D"Microsoft Word 15 (filtered medium)"><style><!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
.MsoChpDefault
{mso-style-type:export-only;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
--></style></head><body lang=3DEN-US link=3Dblue vlink=3D"#954F72"><div cla=
ss=3DWordSection1><p class=3DMsoNormal>Hi guys,</p><p class=3DMsoNormal><o:=
p> </o:p></p><p class=3DMsoNormal>I=E2=80=99ve started playing around =
with SVG filters and decided to create a few 80s retro text effects with CS=
S and SVG filters. </p><p class=3DMsoNormal><o:p> </o:p></p><p class=
=3DMsoNormal>Check out my results</p><p class=3DMsoNormal><a href=3D"http:/=
/www.coding-dude.com/wp/css/svg-filters/">http://www.coding-dude.com/wp/css=
/svg-filters/</a><o:p></o:p></p><p class=3DMsoNormal><o:p> </o:p></p><=
p class=3DMsoNormal>I=E2=80=99m curious to hear feedback from you.<o:p></o:=
p></p><p class=3DMsoNormal><o:p> </o:p></p><p class=3DMsoNormal>Cheers=
!<o:p></o:p></p><p class=3DMsoNormal>John</p></div></body></html>=
--_F23C1A52-91D7-4688-9AFE-80EAE2667F49_--