Is it possible to make Inner Shadows, for an 3D effect like this?
You could do something like this example here
1 Like
That looks great! Any tip how to implement it?
Im totally new to all this. Will it still be possible to have different settings for normal and hover state?
I just read itâs only for dark Text on light BG. since I want it in black BG it wonât work i guess.
I donât know how youâd add it to the page, but my guess is that you make a class called inset-text, add that class to your text box then copy and paste the javascript into the footer of the Blocs file.
People more knowledgeable than me can probably clear this up for you.
Changing values in the code means you can get whatever colours you want. However, the dark background you want to place the text onto means it may look blurred around some edges.
Not very good at the coding side of things (ie: useless), so apologies if the implementation is wrong.
1 Like
You would just add the css code from .inner-text to your page header in some style tags. No JavaScript here.
2 Likes
I was sort of on the right lines!
Sorry, total beginner here
I put it into the page header⌠but what does mean âin some style tagsâ and how can I use 'em?
Youâd need to add the name of class you want to apply the style to in front of the { 
Like
.inner-text {
}
1 Like
Worked it out! Thank You 
And seems it doesnât work on black BG so its useless to me 
No, that doesnât have the âinner shadowâ effect anymore
Well thx for the effort, but this just ainât the desired effect 
The inner shadow effect makes it look, like the the font is cut out of the BG. Like my example in the initial post.
The picture of yours (and file you gave me) makes it look, like the font hovers over the BGâŚ
donât you agree? 
edit: The (white) shadow is clearly visible outside the Text, instead of inside
Here is a nice article covering the topic.Seems like its no problem to make inset shadows on boxes, but its a problem to make it on Text.
Also they offer a work around (similar to the one already posted) I canât figure out how to use it with any color I want.
haha alright, I try. But we agree that your picture doesnât show the desired effect right? If not there is no need to try for me I guess, haha
Ok, but your picture doesnât show the effect⌠right? 
well thatâs kinda nice⌠still not the inner shadow effect.
What youâre experiencing is an optical illusion that can be reduced by the correct choice of colours. With some colour combinations, the text may look raised with a rounded edge (raised characters lit from below) - even your first example can look like this if you look at it long enough. The two examples below may illustrate the effect colours have on the perception the viewer may get. The white background is more likely to look like the stencil effect you want, whilst the black background may be more perceivable as raised letters.
The key is to experiment until you get a colour combination that works for you - just remember, not everyone will perceive the final look in exactly the same way.
4 Likes
Thank you.
My inital idea was to have a black navigation bar with different colored menu points having the inner shadow effect.
I abandoned this idea for now