javaScript-textBorder: samples

  1. Sample of embossed text
  2. Sample of sunken text
  3. Sample of border
  4. Sample of blur
  1. Sample of embossed text

    To make the text look embossed the first color should be darker than the second, here you can see some examples:
    Embossed text
    
    We can make the effect more exaggerated doing the copies completely opaque (opac1 values ​​and opac2 = 1):
    
    Embossed Text with more opacity
    
    We can give only one pixel instead of the two that are applied by default:
    
    One pixel Embossed Text
  2. Sample of sunken text

    To make the text appear to be sunk we pass the first color lighter than the second, examples:
    Sunken text
    
    We can exaggerate the effect by making the copies completely opaques (opac1 values ​​and opac2 = 1):
    
    Sunken text with more opacity
    
    Only one pixel and opacity 1:
    
    Sunken text of 1 pixel
  3. Sample of border

    To make the text appear to be surrounded by a border give same value to the two colors, examples:
    Two pixels border
    
    We can make copies completely opaque (opac1 values ​​and opac2 = 1):
    
    Text with opaque border
    
    Only 1 pixel and opacity 1:
    
    One pixel border
  4. Sample of blur

    To make the text look blurred we give the same value to the two colors and low opacity, examples:
    Opacidad 0.1
    
    
    Opacidad 0.3
    
    
    Opacidad 0.5

Leave a Reply

Your email address will not be published. Required fields are marked *