Transparent Fonts with Stroke

Design help Custom code
1

Hello!

I am trying to do a transparent font with stroke. Found some codes for me to implement on custom code but somehow it doesn’t show up on the published link. Help?

<style type="text/css">
.headerH1 {
   color: transparent;
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #1f657c;
}
</style>

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hello @webflow

Is there anyone who is able to help me out in this? Seems I can’t find any solutions for this except to render them as image on webflow.

3

Hello.

Managed to find a solution. I used the html embed feature

<div><h2 class="headerH2">THE STUDIO</h2></div>

<style type="text/css">
.headerH2 {
	 font-size: 45px;
   line-height: 50px;
   margin-top: 10px;
   margin-bottom: 20px;
   color: transparent;
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #6BACC2;
}
</style>
1 Like
4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.