W3C home > Mailing lists > Public > www-style@w3.org > August 2005

Dual transparencies on borders

From: Octavio Alvarez <alvarezp@alvarezp.ods.org>
Date: Tue, 23 Aug 2005 20:12:39 -0700
To: www-style@w3.org
Message-ID: <op.svzsjdgs4oyyg1@octavio>

I've tried to search the lists for this, but I seem not to find anything.  
This is about CSS3.

Let's say I'm trying to draw a star-like border, a la "Greatest offer!",  
where the border is visually no more than an broken line. Something like:

  $$$outside content$$$
  $$/\$$/\$$/\$$/\$$/\$
  #/##\/##\/##\/##\/##\
  ###inside content####

Let's say "outside content" has a background-image: url('pattern1.png')  
and "inside content" has a background-image: url('pattern2.png'). How will  
authors be able to specify that the lower part of the border --indicated  
by "#"-- will use the background from pattern2.png and the upper part of  
the border --indicated by "$"-- will use the background from pattern1.png?

Painting those patterns in the border-image does not help, as nothing will  
assure that there will be a smooth transition from the background in the  
content to the "background" painted in the border-image.

I don't know if I explained correctly my question.

Octavio.
Received on Wednesday, 24 August 2005 05:03:08 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:40 GMT