Outline CSS doesn't seem to be working for me

Design help General
1

Read-Only
Published

Hi,

I want to create a certain effect that I know is obtainable with webflow. I want to create a text outline for my hero heading, in my website displayed as: “HEADING.” The custom CSS I copied from a tutorial doesn’t seem to do the trick though. Is there any chance someone can help me with this?

image
image1193×360 16 KB

This is what I’m trying to achieve
And this is the code I’ve tried:

<style>

.hero-heading-01_nastro {
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 3px !impotant;
-webkit-text-stroke-color: black !important;
}

Thanks in advance!

Stay safe,

Stijn