CSS3 Linear Gradients

It’s been a while since we posted anything particularly technical to the Web Directions blog, but that’s something we plan on changing. Here’s the first in a series of technical articles on CSS3 features (along with tools to help you lean and use them).

We’re starting with linear gradients. We’ll take a look at where they come from, how to use them, and the current level of browser support. Ironically although webkit introduced gradients, until version 5.1, Safari has supported a different syntax from that described here — so, if you are using a version of Safari other than 5.1 (currently in beta) you won’t be able to see the examples.

A little history

webkit first introduced the proposed gradient feature of CSS3 way back in 2008, enabling the browser to generate a gradient to be used where images are in CSS — most commonly as a background image, but also potentially for list items images, border-​​images, and generated content. Firefox 3.6 followed suit, but introduced a couple of challenges. It introduced a different syntax (now adopted as the proposed CSS3 gradient syntax), and gradients were only available as background images (this restriction is still true today). Not surprisingly, the webkit based Chrome supports gradients, as does Opera since version 11.1 (though only linear gradients (more in a second) are currently supported). What of Internet Explorer you ask? Well, version 10 in fact supports gradients!

Don’t be too alarmed by the two different syntaxes — webkit now supports the same syntax as other browsers, as of Safari 5.1 (we’ll also look at how to ensure maximum browser compatibility in a moment as well).

How they work

Enough history, let’s play with them. There are in fact, as mentioned above, two kinds of gradients (linear and radial gradients). In this article, we’ll focus on linear gradients — and return to radial gradients in an upcoming article.

Gradients aren’t properties (like color), but are a computed values of CSS, something you might not be too familiar with. We use them where we’d typically use a url pointing to an image (most commonly background-image). In essence, the browser generates an image and uses that.

Here’s one in action

OK, so I’ve cheated a little and added a bit more style, but that subtle gradient is all done with CSS. Try increasing the text size — and see how the background gradient continues to fill the element.

Here’s what the CSS looks like.

background-image: linear-gradient(top, #eff6fb, #d3e4f3 68%);

(I said don’t panic for a reason — if you are interested in the underlying concepts, read on. But if you are a more hands-​​on kind of learner, simply head to the gradient tool I’ve built, and start playing.)

The linear-​​gradient starts at the top of the element (we’ll see shortly there are other places it can start) and runs vertically to the bottom of the element. At the top, the initial color is #eff6fb. At 68% down the element, the color is #d3e4f3, and the browser generates a gradient image that smoothly transitions from #eff6fb to #d3e4f3. From 68% down the element, to its bottom, the color is a solid #d3e4f3.

gradient in action

BTW, “#d3e4f3 68%” is called a color stop — and gradients can potentially have many stops.

Before we go on, let’s recap. A gradient is value, starting with the keyword linear-gradient, and then containing a number of values inside parentheses. These values specify the direction of the gradient (in this case from top to bottom), a starting color, and then one or more color stops. A color stop is a color value, with an optional length or percentage value (for example, we can have a stop at 1em, 20px and so on).

Here, for example is a gradient with numerous stops

background-image: linear-gradient( left, #FF0000, #FFA500 13.0%,#FFFF00 26.0%,#0000FF 39.0%,#008000 52.0%,#4B0082 65.0%,#EE82EE 78.0%)

The gradient direction

We specify the direction of the gradient in one of two ways. We can specify where it starts horizontally with the keywords left and right, and vertically with the keywords top and bottom. Let’s look at each of these (just follow the link to see each)

We can also combine keywords — to create diagonal gradients from the top left, bottom left, top right and bottom right:

But gradients would be pretty dull if they could only be horizontal, vertical, or diagonal, so there’s a second way to specify the gradient direction-​​degrees. (You use keywords or degrees, not both together).

To specify a gradient angle, we use the format 90deg (0deg has the gradient start at the left, 90deg at the bottom, 180deg at the right, and 270deg at the top. So, we can think of degrees as going counter-​​clockwise from 9 o’clock (0deg).)

As usual, the simplest way to understand this is to play with it — so head over to the gradient tool I’ve built expressly for this purpose, and vary the angle to see what happens.

background-image: linear-gradient(126deg, #FF0000, #FFA500 13.0%,#FFFF00 26.0%,#0000FF 39.0%,#008000 52.0%,#4B0082 65.0%,#EE82EE 78.0%)

Repeating gradients

Is your head full of complex stuff yet — color stops, gradient angles, and so on? Well, let’s add to that, with repeating gradients. That’s right, you can repeat a gradient. Here’s how that works. If your last color stop is before the “end” of the element (so, for example if the gradient goes from left to right, the last stop is less than 100% of the width of the element), then the gradient will be repeated from the location of the last color stop. If we have a simple gradient like this

background-image: linear-gradient(0deg, #FF0000, #FFA500 50%)

then we change the value name from linear-gradient to repeating-linear-gradient, then we’ll have the gradient repeat itself from 50% to 100% of the width of the element, like so

background-image: repeating-linear-gradient(0deg, #FF0000, #FFA500 50%)

Forget the math, here’s a tool

As I mentioned above, there’s no need to remember all the syntax and concepts — as I’ve developed the linear gradient tool to make life easier for you. (In fact I significantly overhauled the version I developed something like 2 years ago, to provide widespread browser support, and support the new syntax more fully.)

There are some other good gradient tools out there as well, including ColorZilla. I’ve designed this (and my other CSS3 tools) to closely follow the concepts of CSS gradients, to be as much a tool for learning, as for producing fine looking gradients.

It also has some additional features you might like.

  • You can tweet a link to a gradient you’ve created by simply clicking a button
  • You can copy the url of your gradient, and send it to someone via email, put it in a link (like I’ve done for many of these examples) or otherwise share it
  • Via the magic of HTML5 localStorage, it remembers your most recent gradient, and other settings next time you visit
  • It adds vendor prefixes for all modern browsers as an option
  • It adds the start color as a background color for older browsers
  • There’s a related tool for creating old style Safari gradients
  • It provides up to the minute browser compatibility information
  • It looks really pretty, all thanks to CSS gradients of course

So give it a go, and tell me what you think.

Backwards compatibility

Now, you might be asking yourself, what about the backwards compatibility issues with older browsers and are there any accessibility challenges in using gradients? Luckily, gradients are really straightforward to use in an accessible, backwards compatible way, across multiple browsers provided you keep a couple of things in mind.

Firstly, ensure you have a background color (or image) for the element to ensure color contrast with the text. Where gradients aren’t supported, the browser will ignore them, and use the color or image.

At present, all browsers require vendor specific extensions for gradient values. The gradient tool will create those for you. Make sure that you include a gradient value with no vendor extensions, and make this the last of the properties you specify (as we know, if CSS, the last property trumps earlier ones in the rule). So for example

background-color:#AB1364;
background-image: -moz-linear-gradient(114deg, #AB1364, #52FF26 11%);
background-image: -webkit-linear-gradient(114deg, #AB1364, #52FF26 11%);
background-image: -o-linear-gradient(114deg, #AB1364, #52FF26 11%);
background-image: -ms-linear-gradient(114deg, #AB1364, #52FF26 11%);
background-image: linear-gradient(114deg, #AB1364, #52FF26 11%)

For older versions of Safari, we’ll need to have a different background-image property. Not only is the syntax different, the concepts are too, so you might like to use my old style CSS3 Linear Gradient generator to help you out.

And, wth the exception of webkit, gradients are only applicable to backgrounds, (webkit browsers support gradients anywhere images are used.)

Browser Support Notes

A quick summary of current browser support for CSS Linear Gradients.

  • Safari 4 introduced linear gradients, though as noted with a different syntax from that detailed here. The vendor prefix –webkit– is required for gradients (e.g. –webkit-​​linear-​​gradient)
  • Safari 5.1 introduces the syntax detailed here, as well as continuing to support the older style syntax. Again, the –webkit-​​vendor prefix is required.
  • Firefox 3.6 was the first browser to support the current gradient syntax. The –moz– prefix is required, and it’s currently only supported on backgrounds.
  • Chrome 10 and up (and probably earlier versions) supported the syntax for gradients detailed here. The –webkit– prefix is required.
  • Opera 11.1 introduced linear gradients, once again with the vendor prefix, –o– required. Currently gradients are only supported on backgrounds.
  • Internet Explorer 10 also features CSS gradients, using the prefix –ms-​​, and also only supported on backgrounds.

And just to make life easy, there is talk at the W3C CSS Working Group of changing the syntax yet again.

More links, examples, and so on

To do on the Generator

  • At present, the generator only supports hex color values. Enabling rgba and color keywords (particularly transparent) are important next steps.
  • Support for multiple background gradients on a single element, used extensively at the CSS Gradient Gallery
  • Automatic generation of older webkit style syntax.
  • Taking requests — let me know what you’d like to see

108 responses to “CSS3 Linear Gradients”:

  1. Thanks John, this clears it right up. They’re actually not that complicated when explained properly!

    Although one has to wonder why the degrees implementation starts at 9 o’clock and works anti-​​clockwise. I would have thought starting at 12 o’clock and working clockwise would have been easier to remember. Specifying margins and padding works fine that way, why use a different method?

    *shrugs*

  2. Hello John,

    Have you been following the recent debates on www-​​style? Firstly the angles are changing where 0 degrees indicates the beginning point (first color stop) of a gradient which would be positioned at the top (northern) part of a box. The WD did have for about 2 week the opposite, where 0 degrees indicated the ending point (last color stop) of a gradient. This was also affecting top and bottom which the WD was saying were the referencing the ending points. Now it’s been marked as a CSS issue as mentioned two days ago on the www-​​style mailing list and in the WD (in red text).

    Another thing that could be happening is how gradients with color with alpha transparency work. Some want interpolation in premultiplied space where others (one being me) are saying that gradients should work as they do now which is that interpolation happens in un-​​premultiplied space. I am currently working with an implementer to explore the consequence of such a change since they are testing in an implementation (browser) that supports interpolation in premultiplied space. Certain gradients are broken (look wrong).

    I tried to alert other authors recently but no one seems to know what I am talking about. The truth is, only a few understand the difference between premultiplied space and un-​​premultiplied space. I can explain it quickly but it’s very hard to do in typed words.

    I myself would like the issued resolved since I have been working on gradients transitions (animations) where some color stops are partly transparent. Such a demo.

    • By: Joni
    • July 5th, 2011

    Also rememeber that if you put these to body/​html element (or any big element), older machines doesn’t like that so much.. :) it slows down scrolling heavily. Specially with fixed background. I haven’t tested with small elements, like buttons etc.

  3. […] 19, 2011 Leave a response Getting your head around CSS3 radial gradientsWe recently took a detailed look at linear gradients in CSS3. If you’ve not read that, you might like to spend a few minutes doing so, as the concepts are […]

    • By: fjpoblam
    • September 13th, 2011

    Good article, John. I’ve been using the *old* (proprietary) formats for quite awhile as my main website background. Before that, I was using a simple tiled 2px by 800px gradient.

    Perhaps I misunderstood, but I *thought* your implication was that the new (5.1+) Safari supported the new format.

    FWIW, I tried your new format, on MacOSX 10.6.8 (Snow Leopard), in both Safari 5.1 (6534.50) and the latest Webkit nightly (r94932), with no luck. (My website is coded in “HTML5”, if that makes a difference.) Therefore, I’ve returned to the proprietaries: –moz, –o, and –webkit.

    It is curious that your demo shows up correctly in both Safaris, though I didn’t take the time to try it out in FF, Chrome, Camino, or Opera. I don’t know whether you’re using the new spec “behind the scenes” or just an illustrative graphic.

    • By: John
    • September 17th, 2011

    Safari 5.1 supports both the old and new formats. but AFAIK, you sat still need –webkit– for Safari 5/.1 and the new formats

  4. […] make rotating an element easy.The rotate function takes an angle value. If you’ve worked with CSS linear gradients, in particular the newer syntax, then you’ll have seen angle units before. There are several ways […]

  5. […] recently took a detailed look at linear gradients in CSS3. If you’ve not read that, you might like to spend a few minutes doing so, as the concepts are […]

  6. […] CSS3 Linear Gradients – John Allsopp […]

    • By: Adam Pery
    • November 6th, 2011

    See nice custom menu line-​​gradient example here:
    http://​www​.xhtml​.co​.il/​e​n​/​T​o​o​l​s​/​L​i​n​e​a​r​-​G​r​a​d​i​e​n​t​s​-​C​u​s​t​o​m​-​M​enu
    It is really helpful

  7. […] CSS3 Linear Gradients | Web Directions (webdirections​.org) LD_AddCustomAttr(“AdOpt”, “1”); LD_AddCustomAttr(“Origin”, “other”); LD_AddCustomAttr(“theme_bg”, “ffffff”); LD_AddCustomAttr(“theme_border”, “f1f1f1”); LD_AddCustomAttr(“theme_text”, “555555”); LD_AddCustomAttr(“theme_link”, “059bff”); LD_AddCustomAttr(“theme_url”, “e5f2bf”); LD_AddCustomAttr(“LangId”, “1”); LD_AddCustomAttr(“Autotag”, “science”); LD_AddCustomAttr(“Autotag”, “technology”); LD_AddCustomAttr(“Tag”, “web-​​development”); LD_AddCustomAttr(“Tag”, “css”); LD_AddCustomAttr(“Tag”, “css-​​techniques”); LD_AddCustomAttr(“Tag”, “css3”); LD_AddCustomAttr(“Tag”, “css3-​​gradients”); LD_AddCustomAttr(“Tag”, “gradients”); LD_AddCustomAttr(“Tag”, “website-​​design”); LD_AddSlot(“wpcom_below_post”); LD_​GetBids(); Share this:FacebookStumbleUponDiggTwitterLike this:LikeBe the first to like this post. […]

  8. The linear gradient syntax has changed (somewhere between july and september of last year). It seems that the tool mentioned above does not use the new syntax for the unprefixed rule.

  9. […] CSS3 Linear Gradients | Web Directions […]

    • By: DOS
    • August 30th, 2012

    I’d REALLY like to know the logic behind making gradients a ‘background-​​image’? I’d have thought since they are colors it would have made more sense to make them a back-​​ground color. That way you could have had background-​​color: some gradient,; background-​​image: some-​​png.

    I know that you can do this with multiple background image properties but that seems un-​​necessarily complex to me. I know aswell that you can have a background-​​color and overlay this with a background image gradient but cant you get the same effect by just choosing the colors of the gradient to reflect the affect of the underlying color in the first place?

  10. […] CSS3 Linear Gradients […]

  11. […] CSS3线性渐变 […]

  12. […] CSS3 Linear Gradients […]

  13. […] create a linear gradient by specifying a gradient line and then several color stops along that […]

  14. Is their a way, where I could use gradient styling on text using CSS?

  15. […] Using the linear-​​gradient property, we’re able to style a button. See this tutorial for using the linear-​​gradient property. […]

  16. Pretty section of content. I just stumbled upon your website and in accession capital to assert
    that I acquire actually enjoyed account your blog posts.

    Any way I will be subscribing to your feeds and even I achievement you access consistently rapidly.

  17. Fortunately, there are ways to get new printer ink cartridges without breaking the bank.
    The best thing is that the cartridges print up to 700
    pages each and cost only $17. For Kodak, this is
    just the latest in a long series of troubles.

  18. We are a bunch of volunteers and opening a brand new scheme in our
    community. Your site offered us with valuable information
    to work on. You have performed an impressive activity and our whole neighborhood will
    likely be grateful to you.

    Feel free to visit my web site :: pink trampoline

  19. […] CSS3 Linear Gradients | Web Directions (webdirections​.org) […]

  20. Every weekend i used to visit this website, because i wish for enjoyment, for the reason that this this web page conations really pleasant funny stuff too.

  21. A fight that will never ever regret by the viewers because tonight
    is the exciting fight of the two men which has very strong enough to fight.

    At the start of each game, each player will be asked
    to choose a single hero among the many heroes in the game.

    The Jewish people will keep this celebration forever. Now you’re going to have to wait a few days, so if you are still going to need my help from here I would suggest you bookmark this page. This is one of the biggest gaming conventions in Asia, with almost over 400’000 people going to the venue daily, almost a thousand of them cosplayers, dressing
    up as either anime characters or video game characters.

  22. Do you need logo design Cheap logos just $59 Regards

    Here is my blog; logo design affordable

  23. What’s up, I wish for to subscribe for this webpage to take newest updates, so where can i do it please help.

  24. Way cool! Some very valid points! I appreciate you writing this article
    and also the rest of the website is really good.

    • By: link
    • July 24th, 2013

    When someone writes an piece of writing he/​she keeps
    the thought of a user in his/​her brain that how a user can be aware of
    it. So that’s why this paragraph is outstdanding. Thanks!

  25. Usually I do not read post on blogs, however I wish to say that
    this write-​​up very forced me to try and do so! Your writing taste has been
    surprised me. Thank you, quite great article.

  26. Hi mates, its impressive piece of writing about educationand completely explained,
    keep it up all the time.

  27. Hello! Would you mind if I share your blog with my zynga group?

    There’s a lot of folks that I think would really enjoy your content. Please let me know. Many thanks

    My weblog :: trampoline reviews

  28. Hey, I think your blog might be having browser compatibility issues.

    When I look at your website in Opera, it looks fine but when opening in Internet Explorer,
    it has some overlapping. I just wanted to give you a quick heads up!
    Other then that, superb blog!

    My web blog: accountant bendigo

  29. Whats up! I just wish to give an enormous thumbs up for the great information you

  30. I love to disseminate information that will I have accumulated through the calendar year to assist enhance group functionality.

  31. Have you ever considered publishing an e-​​book or guest authoring on other blogs?
    I have a blog centered on the same subjects you discuss and would love to have you share some
    stories/​information. I know my audience would enjoy your work.
    If you’re even remotely interested, feel free to send me an e-​​mail.

  32. What i don’t realize is in fact how you are now not actually a lot more well-​​liked than you might be now. You’re so intelligent.
    You already know therefore considerably with regards to this
    topic, produced me individually believe it from numerous numerous angles.
    Its like women and men are not involved until it is one thing to do with Girl gaga!

    Your personal stuffs excellent. At all times deal with it up!

  33. Hi it’s me, I am also visiting this web site on a regular basis, this web site is genuinely pleasant and the users are in fact sharing fastidious thoughts.

  34. Have you ever thought about adding a little bit more than just your articles?
    I mean, what you say is important and everything.
    But imagine if you added some great images or video clips to give your
    posts more, “pop”! Your content is excellent but with images and clips, this
    blog could certainly be one of the best in its field.
    Great blog!

  35. Good little internet site you’ve got. While i checked there was two or more photos not showing the right way?

    Visit my web-​​site — trampoline fitness

  36. Having read this I believed it was very enlightening.
    I appreciate you finding the time and energy to put this information together.

    I once again find myself spending a significant amount of time both reading and
    commenting. But so what, it was still worthwhile!

  37. Excellent notable analytical attention to get details and
    may foresee troubles prior to they will take place.

  38. It’s truly very difficult in this full of activity life to listen news on TV, therefore I only use web for that reason, and get the newest news.

  39. However, just because one product may have worked for
    their skin type and conditions does not necessarily mean it will
    work the same for you. Karppi, who operates out of the University of Eastern Finland’s Department of Medicine at the Institute of Public Health and Clinical Nutrition, found that about one in ten of 258 men with the lowest levels of the anti-​​oxidant in the bloodstream suffered from a stroke during the study period. The best option is to complement your natural foods with nutrition supplement derived from natural herbs and salts.

    Also visit my web-​​site; benefits of tomatoes

  40. Howdy! This article couldn’t be written much better! Reading through this post reminds me of my previous roommate! He continually kept talking about this. I will send this information to him. Fairly certain he will have a good read. Thanks for sharing!

  41. I’m extremely impressed with your writing skills as well as with the layout on your weblog. Is this a paid theme or did you customize it yourself? Either way keep up the nice quality writing, it is rare to see a nice blog like this one nowadays.

  42. What i do not understood is actually how you are
    now not actually much more smartly-​​favored than you may be now.
    You are very intelligent. You know thus significantly in the case of this subject, made me
    in my view consider it from a lot of various angles. Its like men and women aren’t fascinated unless it’s something to accomplish with Lady gaga!
    Your personal stuffs outstanding. Always handle it up!

  43. Hi there! Do you use Twitter? I’d like to follow you if that would be okay. I’m absolutely enjoying your blog and
    look forward to new updates.

  44. Best of all, these are all practical options, being so easy to take in a cooler to
    work with a little low-​​fat salad dressing on the side.
    If the stairs lead to another floor, walk up the stairs and circle the floor without stopping.
    To learn all the details dealing with , check out the publisher’s website at.

  45. Way cool! Some very valid points! I appreciate you penning this
    post and the rest of the website is extremely good.

  46. It’s awesome designed for me to have a web site, which is valuable for my knowledge. thanks admin

  47. Hey! I know this is somewhat off topic but I was wondering if
    you knew where I could find a captcha plugin for my comment form?
    I’m using the same blog platform as yours and I’m having difficulty finding one?
    Thanks a lot!

  48. naturally like your web-​​site however you need to
    test the spelling on several of your posts.
    Many of them are rife with spelling problems and I in finding it very troublesome to inform the truth then
    again I’ll surely come again again.

  49. Greate article. Keep writing such kind of info on your blog.
    Im really impressed by it.
    Hi there, You have performed a fantastic job. I will definitely
    digg it and individually suggest to my friends. I’m confident they’ll be benefited from this
    site.

  50. Hmm it seems like your website ate my first comment (it was super long) so I guess I’ll just sum it up what I submitted and say, I’m thoroughly enjoying your blog.

    I too am an aspiring blog blogger but I’m still new to the whole thing. Do you have any tips and hints for beginner blog writers? I’d genuinely appreciate it.

  51. Good post. I learn something new and challenging on blogs I stumbleupon
    everyday. It will always be exciting to read content from other writers and practice
    a little something from their websites.

  52. I was suggested this blog by my cousin. I’m not sure whether this post is written by him as nobody else know such detailed about my difficulty. You’re wonderful!

    Thanks!

  53. Very good article. I’m experiencing some of these issues
    as well..

    Here is my homepage … Stainless Steel sink

  54. This design is steller! You obviously know how to keep a reader entertained.
    Between your wit and your videos, I was almost moved to start my own
    blog (well, almost…HaHa!) Great job. I really enjoyed
    what you had to say, and more than that, how you presented it.

    Too cool!

  55. It’s going to be end of mine day, but before ending I am reading this fantastic piece of writing to improve my
    know-​​how.

  56. If you want insurance after that period of time, however, say that whole life insurance policy is the” accidental death benefit rider. With whole life policies, the cash values of a dividend paying whole life policy over time. As you possibly can see after getting a whole life policy will pay dividends to its policyholders based on the stated benefit level of the whole life death benefit before your death.

  57. Great info. Lucky me I found your website by accident (stumbleupon).
    I’ve saved it for later!

    • By: vemma
    • October 9th, 2013

    I have been exploring for a little for any high-​​quality articles or weblog posts on this
    kind of space . Exploring in Yahoo I eventually stumbled upon this web site.
    Studying this information So i am glad to express that I’ve an incredibly good
    uncanny feeling I came upon just what I needed.
    I most indubitably will make certain to do not fail to remember this site and give it
    a look on a continuing basis.

  58. Wow, this piece of writing is nice, my younger sister is analyzing these things, therefore I am going to convey her.

  59. 2′ wasn’t released in North America until the game ‘Super Mario All-​​Stars’ was released.
    Oh, and Puzzle Swap has fresh panels to be completed.
    When you nibble at apps like piranhas, let’s face it, you’re nibbling at
    Apple first, and subsequently at Google and the scores
    of other successful companies that are beginning to surpass Apple at the app-​​centric model.
    The bad news is Portal 2 will face an onslaught of opposition
    competing for the coveted Game of the Year honors, because honestly, the
    best is still yet to come in 2011. You may be wondering why a technology reporter who traditionally focuses on Web 2.

    Feel free to visit my website how to Get nintendo 3Ds emulator

  60. 2′ wasn’t released in North America until the game ‘Super Mario All-​​Stars’ was released.
    Oh, and Puzzle Swap has fresh panels to be completed.
    When you nibble at apps like piranhas, let’s face it, you’re nibbling at
    Apple first, and subsequently at Google and the scores
    of other successful companies that are beginning to surpass Apple at the app-​​centric model.
    The bad news is Portal 2 will face an onslaught of opposition
    competing for the coveted Game of the Year honors, because honestly, the
    best is still yet to come in 2011. You may be wondering why a technology reporter who traditionally focuses on Web 2.

    Feel free to visit my website how to Get nintendo 3Ds emulator

  61. You are so interesting! I don’t believe I have read through a single thing like that before.

    So good to discover someone with some original thoughts on this
    topic. Seriously.. thank you for starting this up. This site is one thing that is required on the
    internet, someone with some originality!

    • By: Erika
    • October 19th, 2013

    Hurrah! In the end I got a webpage from where I be able to actually get helpful
    data regarding my study and knowledge.

  62. Usually I do not read article on blogs, but I would like to say that this write-​​up very pressured
    me to try and do so! Your writing taste has been surprised me.
    Thank you, quite nice post.

  63. My spouse and I absolutely love your blog and find
    nearly all of your post’s to be exactly I’m looking for.
    Would you offer guest writers to write content for yourself?
    I wouldn’t mind writing a post or elaborating on a lot of the subjects you write with regards to here.

    Again, awesome web log!

  64. Hello I am so thrilled I found your blog page, I really found you by accident, while I was
    researching on Google for something else, Anyways
    I am here now and would just like to say thanks a lot
    for a fantastic post and a all round interesting blog (I also love the theme/​design), I don’t have time to read it all at the minute but I have bookmarked it and also added in your RSS
    feeds, so when I have time I will be back to read a great deal more, Please
    do keep up the awesome work.

  65. Hello I am so thrilled I found your blog page, I really found you by accident, while I was
    researching on Google for something else, Anyways
    I am here now and would just like to say thanks a lot
    for a fantastic post and a all round interesting blog (I also love the theme/​design), I don’t have time to read it all at the minute but I have bookmarked it and also added in your RSS
    feeds, so when I have time I will be back to read a great deal more, Please
    do keep up the awesome work.

  66. This is not the only frustrating part of the game either, the game is quite
    glitchy and as play progresses, the number of glitches seems to increase.
    If they decide to go the digital route, they will need
    at least 1. mon, and the first of the starters shown in the
    trailer.

    Also visit my web site — pokemon x and y rom download
    (Carley)

  67. This is not the only frustrating part of the game either, the game is quite
    glitchy and as play progresses, the number of glitches seems to increase.
    If they decide to go the digital route, they will need
    at least 1. mon, and the first of the starters shown in the
    trailer.

    Also visit my web site — pokemon x and y rom download
    (Carley)

  68. It’s the best time to make some plans for the future and it’s time to be happy.

    I have read this post and if I could I wish to suggest you few
    interesting things or tips. Maybe you can write next articles referring to
    this article. I wish to read even more things about it!

  69. It’s the best time to make some plans for the future and it’s time to be happy.

    I have read this post and if I could I wish to suggest you few
    interesting things or tips. Maybe you can write next articles referring to
    this article. I wish to read even more things about it!

  70. Hello! I could have sworn I’ve been to this website before but after browsing through some of
    the post I realized it’s new to me. Anyhow, I’m definitely glad I found it and I’ll be bookmarking and
    checking back often!

  71. Hello! I could have sworn I’ve been to this website before but after browsing through some of
    the post I realized it’s new to me. Anyhow, I’m definitely glad I found it and I’ll be bookmarking and
    checking back often!

  72. […] I tried adding left and replacing background with background-​​image as discussed here: http://​www​.webdirections​.org/​b​l​o​g​/​c​s​s​3​-​l​i​n​e​a​r​-​g​r​a​d​i​e​n​ts/ […]

  73. Excellent post. I will be facing a few of these issues
    as well..

    my web site … Gay Dating

  74. You can definitely see your expertise in the article you write.

    The arena hopes for more passionate writers such as you
    who aren’t afraid to mention how they believe. Always follow your heart.

    My weblog — clash of clans hack; Burton,

  75. Wow, wonderful blog format! How long have you ever been blogging for?
    you made running a blog glance easy. The full look of your site is great, let alone the content!

  76. デジタルカメラ

  77. I’d personally adore to be anywhere near a beach!

    • By: free
    • December 15th, 2013

    I get pleasure from, result in I found just what I used to be taking a look for.

    You have ended my 4 day long hunt! God Bless you man.
    Have a great day. Bye

    • By: free
    • December 15th, 2013

    I get pleasure from, result in I found just what I used to be taking a look for.

    You have ended my 4 day long hunt! God Bless you man.
    Have a great day. Bye

  78. Re standing there during the incident and had never
    had them before, and had to tape an ice pack
    to the area is slowed as well. You should repeat this gross negligence policy cycle 10 times.
    If they should return to playing after an injury is completely treated and healed.
    A Middlesex County high school football game. And just like Men’s Multivitamin, it is
    content to make quietly impressive strides towards becoming a sporting
    hub in the Middle East, as well as your display outs and it’s all ready.

  79. Hello, everything is going fine here and ofcourse every one is sharing
    information, that’s in fact fine, keep up writing.

    my blog; How to Get Garena Shells for Free

  80. I ddrop a comment whenever I like a post on a webxite or if I have something to add to the conversation.

    Usually iit is triggered bby the sincwrness displayed in the article I browsed.

    And on thbis article CSS3 Linear Gradients | Web Directions.
    I was moved enough to drop a leave a responsea response :-)
    I actually do have 2 questions foor you if it’s okay. Could it be just me or do a few oof thexe comments come across like coming from brain dead individuals?

    :-P And, if you are posting aat other socijal sites, I would like too follow
    anything frdsh you have tto post. Could you list all of your social pages like yyour linkedin profile,
    Facebook page or twitter feed?

  81. I ddrop a comment whenever I like a post on a webxite or if I have something to add to the conversation.

    Usually iit is triggered bby the sincwrness displayed in the article I browsed.

    And on thbis article CSS3 Linear Gradients | Web Directions.
    I was moved enough to drop a leave a responsea response :-)
    I actually do have 2 questions foor you if it’s okay. Could it be just me or do a few oof thexe comments come across like coming from brain dead individuals?

    :-P And, if you are posting aat other socijal sites, I would like too follow
    anything frdsh you have tto post. Could you list all of your social pages like yyour linkedin profile,
    Facebook page or twitter feed?

  82. Wow, incredible blog layout! How long have you been blogging for?
    you make blogging look easy. The overall look
    of your web site is excellent, let alone the content!

  83. Wow, incredible blog layout! How long have you been blogging for?
    you make blogging look easy. The overall look
    of your web site is excellent, let alone the content!

  84. Permanent installations in vehicles gave way to the portable
    Bag Phones, built with a cigarette lighter plug.
    Regardless of whether it’s workplace politics deciding who gets that increase you’re
    longing for metropolis politics determining exactly where you are allowed
    to park downtown county politics dictating your quarterly property tax or perhaps nationwide politics determining how your colleges are funded, politics
    plays an element with your everyday life. The Kaynbred account on Wikipedia was active between August 2009
    and February 2010, and the user seemed fixated on articles about mass killers, like Kip Kinkel and
    Richard Farley.

  85. Permanent installations in vehicles gave way to the portable
    Bag Phones, built with a cigarette lighter plug.
    Regardless of whether it’s workplace politics deciding who gets that increase you’re
    longing for metropolis politics determining exactly where you are allowed
    to park downtown county politics dictating your quarterly property tax or perhaps nationwide politics determining how your colleges are funded, politics
    plays an element with your everyday life. The Kaynbred account on Wikipedia was active between August 2009
    and February 2010, and the user seemed fixated on articles about mass killers, like Kip Kinkel and
    Richard Farley.

  86. This text is invaluable. How can I find out more?

    Review my homepage :: clash of clans unlimited gems hack
    (youtube​.com)

  87. Once you have the ammunition you need to do a back flip.
    The Hybrid cars are one of the reviews you can easily car shop warnes 940 make cash for junk cars.
    But if nothing else, it was impressive, but you can bet that the person is predisposed to respiratory issues.
    Comparatively,a used car has deteriorated but it has 2, 000 horsepower.
    It is for the serious remote control car for a much cheaper price compared to
    buying brand new.

  88. If you would like to grow your know-​​how only keep visiting this web site and
    be updated with the latest news posted here.

    Feel free to visit my web-​​site … clash of clans working Gem hack

  89. There’s a lot of advertisement based exactly on that
    model, and it’s an honor that Gaga takes seriously.

    Cap– and-​​trade is only one place you should be on performance and reliability, outages, things like
    energy efficiency. I hope that things are finding you well, and I look
    forward to engaging with the Congress as you move forward.

  90. Homeowners can choose to do have to have relationships with our tenants
    because we get referrals of good tenants from our tenants.
    Use a personal computer Use your PC to make your unoccupied citizens property insurance 7215 financial way insurance a lot more affordable.

  91. Keep in mind that it is important to always
    research any product you are purchasing for your baby.

    This caters to durability and safety for years of use.
    It rated excellent rating in maneuverability and a very good rating in ease of use and in safety.

  92. Some discomfort after surgery is from your inability to breathe normally right after
    your nose job. This surgery allows the plastic surgeon to alter and adjust the placement of skin on your
    face and neck, as well as removing excess fat and tightening the muscles under
    the skin. Some of the patients who have undergone this surgery suffer from
    unusual lumpiness in their body or dents.

  93. Some discomfort after surgery is from your inability to breathe normally right after
    your nose job. This surgery allows the plastic surgeon to alter and adjust the placement of skin on your
    face and neck, as well as removing excess fat and tightening the muscles under
    the skin. Some of the patients who have undergone this surgery suffer from
    unusual lumpiness in their body or dents.

  94. The importance of healthy eating has never more prominent than today.
    s more, you do not require any training to start using it.
    Moreover, a proper diet is not only the excellent way
    in attaining good health in general but it as well assists you to guarantee that your skin will get all of
    the vitamins and minerals, along with the nutrients that it requires
    to preserve and fix itself.

  95. Does your blog have a contact page? I’m having
    a tough time locating it but, I’d like to send you an email.
    I’ve got some suggestions for your blog you might be interested in hearing.
    Either way, great site and I look forward to seeing it improve over time.

    Here is my web blog: planchas ghd ofertas; http://​www​.planchaghddebaratas​.com/,

  96. Hi! I know this is kind of off topic but I was wondering which blog platform are you using for this website?

    I’m getting tired of WordPress because I’ve had problems with hackers and
    I’m looking at options for another platform. I would be great if you could point me in the direction of a good platform.

  97. Hi! I know this is kind of off topic but I was wondering which blog platform are you using for this website?

    I’m getting tired of WordPress because I’ve had problems with hackers and
    I’m looking at options for another platform. I would be great if you could point me in the direction of a good platform.

  98. Hey! I know this is kinda off topic however I’d figured I’d ask.

    Would you be interested in trading links or maybe guest writing a blog post or vice-​​versa?
    My blog goes over a lot of the same topics as yours and I believe
    we could greatly benefit from each other. If you are interested feel free to shoot me an e-​​mail.
    I look forward to hearing from you! Terrific blog by the way!

Your opinion:

XHTML: You're allowed to use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>