Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Glare On Text #111

Open
negustaf opened this issue Sep 24, 2022 · 1 comment
Open

Glare On Text #111

negustaf opened this issue Sep 24, 2022 · 1 comment

Comments

@negustaf
Copy link

I'm in vanilla, trying to apply glare to just the text in an H1 element. The glare is applied to the entire H1 line height and not just the displayed text itself. How would I fix this?
<h1 class="bt-an" data-tilt data-tilt-full-page-listening data-tilt-reverse="true" data-tilt-glare data-tilt-max-glare="0.8">An</h1>
Screen Shot 2022-09-24 at 18 32 16

@ajmalwali7
Copy link

Hello negustaf, you can change the line height of your line through CSS property line-height and make it so that it only contains your text. As for h1, the line-height of 0.8em would do the trick, so try and find the optimized line-height for your text and you will be fine. hope it solves your issue...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants