5 Minute Tour of CSS3 Background Gradients: Listing 1.

CSS background

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

  /* fallback image */
  background: url(http://johnpapa.net/files/downloads/images/bg.png); 
    
  background: -webkit-gradient(
    linear,
    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

Featured

  • Windows Forms Lives On in .NET 6

    Windows Forms would like you to know that the reports of its death are greatly exaggerated.

  • Uno Platform 4.0 Adds Visual Studio Code Plugin

    Uno Platform 4.0 is out, highlighted by a new extension for working in Microsoft's Visual Studio Code editor.

  • .NET 6 Support Leads New GA Features in Azure Functions Fall Update

    Microsoft announced several new features that are now generally available in the fall update of Azure Functions, used for event-driven serverless computing in the cloud.

  • Teams Toolkit 3.0 Boosts Multiple Developer Collaboration

    Microsoft's Teams Toolkit 3.0 has debuted with several new features, including better multiple developer collaboration and improved multi-environment management.

Upcoming Events