All geek questions in one place

Drop shadow text: CSS or graphics?

I have an internal web application with an image at the top of the page, currently containing some English text with shadows. Now I need to provide localized versions of this page for different languages. My main choice:

  • In another supported language, there is another graphic object containing localized text.
  • Use CSS to place localized text over a simple image using the sophisticated CSS method to get shadows in most modern browsers.

Are there any other options? This is for the educational environment, I can not control the browser used by students.

I tried to remove both the shadow shadows from the chart and move the text to the title in the HTML, but none of them was attractive. People said it looked like a cheap blast on the current page that hurts my pride.

+3
source share
4 answers

Personally, I am a big fan of CSS technology for visual effects like this. The big advantage is that you upload effect processing to the client side, saving time and time for creating content (custom text images for each locale are a big order!) And speed up page loading for the user.

The only reason to avoid this is if you absolutely SHOULD have shadow shadows in very old (IE5) browsers that don't have CSS support.

Edit: - - , - . PHP , , . , . , .

+9

, . .

Image Magick, + ...

+4

- .

, , :

  • , drop-shadow, , , ,
  • ,

, CSS, , , .

+1

, Safari CSS drop-shadows, . CSS3 ( , , , , , ).

, , 100% CSS2, , . , CSS, :

Drop Shadows

But they do not look as beautiful as a real shadow, since they are not blurred. Next, you need to have the text twice in HTML for them to work.

+1
source

Source: https://habr.com/ru/post/1698037/

More articles:


All Articles