Hi-lighted text boxes, rounded corners & graded colour shading.

• 

  pixijayne · Member · Aug 20, 2012 at 11:19 pm

  • Copy link
  • Add topic to favorites

  I want to make some boxes to add text to, for hi-light I would like to round the corners and possibly gradual shade the colour the of the box. I have made a plain colours text box I just cant jazz it up ….

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Aug 30, 2012 at 2:45 pm

  • Copy link

  You can use border-radius for the rounded corners:
  http://www.w3.org/TR/css3-background/#the-border-radius

  And for color shading, you’ll want to use linear-gradient():
  http://dev.w3.org/csswg/css3-images/#linear-gradient-examples

  You may also be interested in the browser compatibility chart for gradients. They aren’t supported in Internet Explorer yet, and you need the -webkit- prefix for most other browsers:
  http://caniuse.com/#search=border-radius