5 Minute Tour of CSS3 Background Gradients: Listing 1.

CSS background

 gradient syntax for different 
 rendering engines. 
  /* fallback color */
  background-color: #000000;

  /* fallback image */
  background: url(http://johnpapa.net/files/downloads/images/bg.png); 
  background: -webkit-gradient(
    left bottom,
    left top,
    color-stop(0, rgb(0, 0, 0)),
    color-stop(0.46, rgb(11, 111, 211)),
    color-stop(0.46, rgb(0, 0, 0)),
    color-stop(0.50, rgb(0, 0, 0)),
    color-stop(0.50, rgb(11, 111, 211)),
    color-stop(1, rgb(0, 0, 0))
      background: -moz-linear-gradient(
          center bottom,
          rgb(0, 0, 0) 0%,
          rgb(211, 111, 111) 46%,
          rgb(0, 0, 0) 46%,
          rgb(0, 0, 0) 50%,
          rgb(211, 111, 111) 50%,
          rgb(0, 0, 0) 100%

About the Author

John Papa is a Microsoft Regional Director and former Microsoft technical evangelist. Author of 100-plus articles and 10 books, he specializes in professional application development with Windows, HTML5, JavaScript, CSS, Silverlight, Windows Presentation Foundation, C#, .NET and SQL Server. Check out his online training with Pluralsight; find him at johnpapa.net and on Twitter at twitter.com/john_papa.

comments powered by Disqus


  • .NET Core Ranks High Among Frameworks in New Dev Survey

    .NET Core placed high in a web-dominated ranking of development frameworks published by CodinGame, which provides a tech hiring platform.

  • Here's a One-Stop Shop for .NET 5 Improvements

    Culled from reams of Microsoft documentation, here's a high-level summary of what's new for performance, networking, diagnostics and more, along with links to the nitty-gritty details for those wanting to dig in more.

  • Azure SQL Database Ranked Among Top 3 Databases of 2020

    Microsoft touted the inclusion of Azure SQL Database among the top three databases of 2020 in a popularity ranking by DB-Engines, which collects and manages information about database management systems, updating its lists monthly.

  • Time Tracker Says VS Code Is No. 1 Editor for Devs, Some Working 15+ Hours Per Day

    WakaTime, which does time tracking for programmers, released data for 2020 showing that Visual Studio Code is by far the top editor/IDE used by its coders, some of whom are hacking away for more than 15 hours per day.

Upcoming Events