I am trying to reproduce the effect of this page : http://www.saramarandi.com/ .
I want that when an image is over a black text, the text blends into white.
I have tried combinations of mix-blend-mode, color, text-clip without any success.
Related
I'm want the following colors, white background, black letters, purple square appearing behind the text and white text within the square (when overlapping).
I'm trying to achieve this with mix-blend-mode and filter invert but this is the closest I can get.
I'm on Bootstrap 4 and having a light colour .png image as background of navbar and body, while the footer area is in dark with off-white text colour. The default text colour is black, as the background image is light coloured.
The things get ugly when a user accesses the website on dark theme. The text colour on dark theme gets changed into light colour while the background image remains as light that leaves the text unreadable.
See below the text presentation in light and dark themes:
text on default (light) theme
text on dark theme
Can I keep my text colours unaffected irrespective of the theme of the users? Thanks in advance!
I got it fixed by simply using a transparent texture .png in place of a colour-filled texture .png image as background, with an adjustment in body {background:} colour.
I have an image that is a simple coloured text on a black background. Is there a CSS filter (or a hacky combination of filters) that would allow me to turn black colour into complete transparency (essentially leaving me with just text)?
I want to have transparent text in the following situation for the menu item in this dropdown that is highlighted. In the example below, what i want to achieve is that the leg would be the visible color in the 'QUIR', and the grass be visible in the 'EMENTS'
You could make the Background of the 'Tech Requirements' Text to be transparent.
I am now writing a image viewer, It is used for view thumbnails.
As it is ugly, I decide to draw shadow round thumbnail.
There is background color.
I am using StretchDIBits to draw a shadow image at the location of thumbnail.
However it is really annoying that it cover the background color...
When the background is white, it looks perfect.
but if the backgound is not white, it has a white border.
so I make use of AlphaBlend, first draw the shadow image onto a DC, then use AlphaBlend onto the background. However, I can still see the white border.
Is there any why to generate a perfect shadow , no matter what background is.
Are you sure the shadow bitmap contains alpha values for the alpha channel ? I.o.w.: how are you creating the shadow bitmap: are you doing that by blurring a square on a transparent target or a white target? If the first, the shadow bitmap contains an alpha channel and should blend fine with the background. if the second, your shadow bitmap contains white fragments and thus will blend that white with the background.