Y
Y
yourweb2013-11-23 22:13:47
css
yourweb, 2013-11-23 22:13:47

How do you do "inner glow to CSS", "text-gradient to CSS" and "pseudo-semibold to CSS"?

I'm talking to layout designers.
I didn't break it down into separate questions:
1) How do you style if the designer applied the "inner glow" effect in the layout on the element? Manually pick box-shadow or there is a generator like this http://melaniededon.com/psd-to-css3/. That is, I don’t have a problem with shadows, it infuriates me when they make an “inner glow” for some reason.
2) Also annoying when the text is given a gradient. How do you solve this problem?
3) And the question that especially torments me is: how to draw a pseudo-bold typeface, which many designers love so much, using CSS. For those who don't understand what I'm talking about: in Photoshop, in the properties of the text layer, next to the option to underline the text, there is an option to make it pseudo-bold.
Of course, I looked for a solution on the Internet, otherwise I would not have asked here. I have not been able to find a definitive answer to these questions.
Thank you all in advance and plus in karma.

Answer the question

In order to leave comments, you need to log in

4 answer(s)
S
Sergey Kazarinov, 2013-11-24
@serkaz

Such designers need to tear out their hands with roots.

X
xaja, 2013-11-24
@xaja

http://csshat.com/ you select a layer with effects in photoshop, and this plugin generates css3 code for box-shadow, gradients and a bunch of other things.

K
Kirill Popolov, 2013-11-26
@ezhikov

inner glow
did with ie8 support by overlaying an additional translucent layer (in my case there was a gradient, but if the element's dimensions are fixed, then you can also use a picture)
Also annoying when the text is done with a gradient.
Depending on the gradient, either I explain why I can’t do it, or I make it with a picture, if this is permissible in a particular case.
Luckily I didn't run into the latter.

D
Dmitry Evgrafovich, 2014-01-03
@Tantacula

For js gradients, for example , labs.dragoninteractive.com/rainbows_demo.php or www.artlebedev.ru/tools/technogrette/js/gradient-text
beat the designer.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question