Questions tagged [text-shadow]

8 questions
2
votes
1 answer

How to do a bright text shadow when text color is dark and other way?

I have a text with automatic colors from an API, and I want to set a text-shadow of the "opposite" color, for example if the text is white, the text-shadow should be darker (black or dark grey). In css if possible.
antaww
  • 55
  • 6
1
vote
1 answer

Added text-shadow on an text with -webkit-background-clip: text

I'm trying to add a drop shadow on this text, but it's always appearing inside the text. Is there a way to make the part of the shadow that's inside the text disppear/go behind the background image? .mask { background-image:…
Eric Sayag
  • 45
  • 5
1
vote
1 answer

Why do Chrome and Edge show text-shadow over hyperlink underline?

I've noticed something odd about the way Chrome and Edge render text-shadows on hyperlinks. For example, I have a situation where I apply two text-shadows to several paragraph elements. One of these paragraphs is only a standard hyperlink with…
Kirkman14
  • 1,506
  • 4
  • 16
  • 30
0
votes
0 answers

text-shadow alternative for color around text

I'm using the css below to have a thick black border around all my text, so it can still be read whatever the background image is. (even mix of light and dark color) text-shadow: -3px -3px 1px black,-3px -2px 1px black,-3px -1px 1px black, -3px…
bob dylan
  • 989
  • 2
  • 10
  • 26
0
votes
1 answer

JLabel text shadow

I have a JLabel with text. The text displays in different colors and since I also want the background to change color, I found sometimes the text it's hard to read. That is why I want to add a shadow to the font like this: React Native font outline…
GalliadII
  • 162
  • 1
  • 14
0
votes
1 answer

How to get rid of text animation flash on mobile

I'm building a marquee following this codepen: https://codepen.io/fcalderan/pen/GRJeYOL It works fine on desktop but on mobile the text flashes (might have to zoom in to see). It happens on all mobile browsers too so not a browser problem. How can I…
0
votes
1 answer

Dynamically changing text-shadow x-y-offset depending on a font-size

So we got some vue video-edition tool with ability to add text and apply text-shadow effects on it with default presets and also some custom text-shadows allowed, or changed by customizing chosen preset. Also user can change font-size by scaling the…
-1
votes
2 answers

How can i apply text-shadow on my text in css?

.text-shadow { text-shadow: 8px 12px 0px 0px rgba(0, 0, 0, 0.5); }

hallo

it doesn't show a shadow and it also doesn't apply on the class enter image description here This is what the browser respond can someone…
rich-ad
  • 3
  • 1