Geek asks and answers

Cross browser with text movement

I am trying to use the new text stroke features, and I have searched the cross browser solution on the Internet. So far, I can only find it using the webkit properties.

-webkit-text-stroke: 2px #FF1E00;

Could you tell me if there is a way for all browsers to display the same way?

+4
source share
4 answers

As of May 24 th 2012, there is no cross-browser solution, since only webkit supports an experimental function according to http://caniuse.com/#search=text-stroke . You can imitate this (to some extent) with 4 or 5 text-shadowon an element.

Demo: Text Move , at CSS-Tricks.com

+5
.strokeme
{
    color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}

from:

" text-shadow ( Chrome, Firefox, Opera IE 9, ).

+11

strokeText.js, javascript .

  • , -webkit-text-stroke
  • , IE8

, .

0

- , :

color: blue;
-webkit-text-stroke-color: blue;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 3px;

, WebKit , - ( ).

0

More articles:


All Articles