A List Apart: Articles: Super-Easy Blendy Backgrounds - The Diigo Meta page

• 18 Jan 12
  

  Morten Brunbjerg Bech

  En nem teknik til baggrunde med farveforløb på websites. Farveforløbet laves med png billeder. Fungerer pt ikke i IE6 og tidligere.

  css webdesign images color tips tutorials html graphics development zootool

• 28 Sep 11
  

  Fernando Richter

  Degrade com CSS e png

  css png html design

• 28 Jul 10
  

  H. Tree

  Blendy, gradated backgrounds.

  webdesign DesignResources

• 25 May 10
  

  techyi

  css design

• 14 Apr 10
  

  Andy Brockie

  css webdesign design graphics howto

• 18 Feb 10
  

  sixist

  design css

• 01 Dec 09
  

  cif2cif

  gradient css

• 07 Oct 09
  

  John Romano

  background css

• 18 Aug 09
  

  Mike Cranford

  Super-Easy Blendy Backgrounds

  graphics gradient blend backgrounds

• 07 Aug 09
  

  haltersweb

  Use png white to transparent and black to transparent then put any color behind for custom blends.

  a list apart blend background

• 25 Jul 09
  

  markmorga

  webdesign gradient css

• 10 May 09
  

  Alberto Fernandez

  webdesign css tutorial howto

• 04 May 09
  

  Rodrigo de Oliveira

  Como fazer backgrounds semi transparentes com PNGs no FF e no IE com CSS

  css webdesign from_delicious

• 18 Feb 09
  

  Silvia Calavera

  css recursos color

• 09 Feb 09
  

  etoiline

  css web-design

• 30 Dec 08
  

  Lee Aylett

  Web Development CSS

• 25 Nov 08
  

  Tony Thomas

  gradient background png backgrounds gradients alistapart blend reference web design css tutorial color code

• 23 Nov 08
  

  lucapette

  webdesign

• 05 Nov 08
  
• 02 Nov 08
  

  Kevin Kleinfelter

  css web page graphics delicious

• 22 Oct 08
  

  Alla Gringaus

  css

• 07 Oct 08
  

  Gradient backgrounds using css and layered transparent pngs.

  images css background

• 21 Jul 08
  

  Nunya Biz

  website

• 02 Apr 08
  

  Betty Sixtysix

  degradado background

  css

• 

  mr bones

  degradado background

  css

• 29 Mar 08
  

  Randy Thornton

  css webdesign graphics gradient howto tutorial

• 24 Mar 08
  

  articles background bg color css gradients howto

• 

  Jackie Plage

  design tutorials

• 18 Mar 08
  

  lajarjatte

  browser browsers Color CSS design html positioning layout

• 23 Feb 08
  

  frankalcantara

  howto article css design development graphics tutorials

• 09 Feb 08
  

  Owuno Ogbeh

  design background gradient site

• 28 Jan 08
  

  penciledin

  css delicious design graphics howto tutorials web work

• 10 Jan 08
  

  Rodney Greenfield

  .gradwhite { filter: progid:DXImageTransform.Microsoft. » AlphaImageLoader(src='grad_white.png', » sizingMethod='scale'); } * html .gradwhite img { display:none; }

  css webdesign graphics gradient

• 06 Jan 08
  

  Sean Farrell

  Useful article on creating generic transparent gradient images, which can be dropped in using CSS to revamp an existing site

  webdev

• 04 Jan 08
  

  Wouter Van den Bosch

  <div class="box grad blue"> <img src="grad_white.png" alt="blur gradient box" /> <p><a href="#">Ooo, linked text</a>!</p> </div>

  webdesign css gradient tutorials ****

• 27 Dec 07
  

  Jan Exner

  howto webdesign css

• 08 Dec 07
  

  The design was gradient-heavy, so a traditional approach to navigation markup and styling would require a dozen or so background-image slices to meet the varying colors and height requirements.

  css layout background gradient

• 27 Nov 07
  

  Chris Hill

  imported_work firefox:bookmarks CSS

• 24 Sep 07
  

  bmwbzz

  dev css webdev

• 11 Sep 07
  

  browneyes browneyes

  background design effects gradient IE7 references tips tutorials useful webdev web2.0 graphics CSS

• 01 Sep 07
  

  Troy B

  web_development

• 31 Aug 07
  

  Nils Davis

  blended background divs - want to use for my prd markup

  css html blend graphics web2.0 gradient howto

• 23 Jul 07
  

  Richard Bradshaw

  design web

• 19 Jul 07
  

  ricardozanini

  css webdesign tutorial design graphics Web

• 08 Jul 07
  

  Heinz Krettek

  CSS gradient tutorial webdesign

• 04 Jul 07
  

  Juan Flores

  CSS

• 01 Jul 07
  

  cshaman89

  my books partners in pen photoshop

• 18 Jun 07
  

  Pedro Leitin

  tutorial webdesign css design

• 08 May 07
  

  Zhe sto

  blog css design imported delicious web web2.0

• 04 May 07
  

  S B

  alistapart webdesign

• 02 May 07
  

  Carrie Bishop

  css design graphics WebDesign web2.0 web

• 22 Apr 07
  

  dragon11

  css imported magnolia web_design

• 25 Mar 07
  

  Marko Prljic

  css

• 16 Mar 07
  

  webExplorations

  Using pngs and CSS for background blends. Even in IE6!

  design color howto css classWebDev

• 28 Feb 07
  

  Todd Zimmerman

  CSS background

• 

  eighteyes

  imported informationdesign articles Css Webdesign design Tutorial Graphics

• 23 Feb 07
  

  Papillon UK

  Scales - use for MQS QCLI grid!

  CSS background shading scaling soda mqs

• 21 Feb 07
  

  art background blog colour css design development graphics hack howto ie image menu navigation no_tag photoshop png reference style tips webdesign website webstandards

• 10 Feb 07
  

  viniciusjl

  article css webdesign web2.0

• 21 Jan 07
  

  Nathan M

  dev CSS

• 01 Jan 07
  

  Fran

  css

• 31 Dec 06
  

  ziped brain
• 18 Dec 06
  

  Nilas Jensen

  css webdesign

• 15 Dec 06
  

  Sergio Gómez

  (en) Método para conseguir fondos degradados cambiando el color sólo con CSS

  css fondos degradados

• 12 Dec 06
  

  Gary Burge

  A tutorial on how to create "blended", i.e. gradient, backgrounds using graphics and CSS.

  HTML CSS graphics gradients blended backgrounds

• 10 Dec 06
  

  Marek Wywiał

  css webdesign howto tutorial

• 08 Dec 06
  

  buchmacher

  Super-Easy Blendy Backgrounds

  backgrounds colour css design howto web graphics tutorial webdesign

• 

  Judah Diament

  design torahweb

• 

  Marc Medlock

  webdesign css graphics

• 

  Miguel Bueno

  css tutorial graphics color web2.0 layout blend gradiente

• 

  Steve Weagraff

  article css graphics howto

• 

  Marek Rozanski

  css html web webdesign _from_delicious

• 

  vcapka

  css design

• 07 Dec 06
  

  code color css design graphics howto images layout tips tutorials useful webdesign webdev diy

• 

  jimbeaubien

  code color css design graphics howto images layout tips tutorials useful webdesign webdev diy

• 

  Caleb Bender

  css webdesign design

• 

  jasonlvogel

  css webdesign tutorial transparent transparency blend background ie6-hack for:jasonvogel

• 

  zerapat42

  css design webdesign delicious

• 03 Dec 06
  

  Suvi-Tuuli Allan

  howto tutorial css graphics web design development

• 30 Nov 06
  

  Billy Miles

  css web_design xhtml

• 

  Brian Fitzgerald

  This is a method that I am certainly going to use. It really is a hassle to create and store a different gradient for each colorbackground that you might want to use. This rather simple procedure creates two PNG files and then uses the background-color of

  design

• 29 Nov 06
  

  connymaniac

  gradient background usability webdesign

• 27 Nov 06
  

  dapressley1

  css

• 26 Nov 06
  

  ivanindiigo

  web-design photoshop graphic-design gradient background css aListApart delicious-170223

• 24 Nov 06
  

  Stuart Maxwell

  css howto webdesign

• 

  Mark Berthelemy

  design graphic

• 23 Nov 06
  

  Eric Skilling

  graphics images css webdesign

• 

  bernadette tk
• 22 Nov 06
  

  Michael Schout

  css webdesign

• 

  Bob File

  css webedit

• 21 Nov 06
  

  Adam Crowe

  Gradients for page backgrounds and buttons

  css design webdesign tutorials html

• 20 Nov 06
  

  Tudor J

  art colors css design graphics howto hacks HTML layout TRANSPARENCY tricks Tutorials webdesign website fromDELICIOUS

• 

  paulocoimbra

  Macete bom (mas não ideal) para construção de backgrounds com gradiente, usando uma PNG para o fade e uma cor chapada no fundo. É um recurso interessante, mas só use em último caso (e situações específicas).

  web design css article standards development hacks reference tutorial graphics

• 19 Nov 06
  

  Marcelo Montes de Oca

  css Backgrounds

• 18 Nov 06
  

  Jorgen Eng

  webdesign tutorial graphics gradients

• 

  arcojedi

  Create a PNG that’s blended from transparent to white, use it as a background image, and rely on the background-color style to provide the other half of the blend.

  web-developer_css web-developer articles usability tips images imported

• 17 Nov 06
  

  Kent Sin
• 

  steven bristol

  css webdesign tutorial graphics alphablend

• 

  mpazaryna

  howto graphics css

• 

  Finn Pröpper

  lang:en cat:webworking css webstandards verläufe webdesign tipps

Page Comments

• 
  Stuart Maxwell on 2006-11-24
  Create blended backgrounds using CSS & PNGs.
  
  

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.