Re: [css-d] An Example of Gradients for a Curtain

2017-03-17 Thread Eric A. Meyer
On 17 Mar 2017, at 22:07, Karl DeSaulniers wrote: I know you don't have to use background-image: , you can use background: too for linear-gradient:. Was there a preference to using background-image? Was it for the repeat-x property? At the time, the value syntax for 'background' that rolls

Re: [css-d] An Example of Gradients for a Curtain

2017-03-17 Thread Karl DeSaulniers
That's clean. I know you don't have to use background-image: , you can use background: too for linear-gradient:. Was there a preference to using background-image? Was it for the repeat-x property? Very nice Eric. Thanks for sharing! Best, Karl DeSaulniers Design Drumm http://designdrumm.com

Re: [css-d] An Example of Gradients for a Curtain

2017-03-17 Thread Eric A. Meyer
On 17 Mar 2017, at 21:33, Crest Christopher wrote: Eric, the curtain was all CSS ? Mine was, yes. The original, the one I was imitating, used PNGs. If so how did you create the taper effect on the curtains ? Not sure exactly what you mean by a "taper effect", but here's the CSS:

Re: [css-d] An Example of Gradients for a Curtain

2017-03-17 Thread Crest Christopher
Eric, the curtain was all CSS ? If so how did you create the taper effect on the curtains ? Eric A. Meyer Friday, March 17, 2017 3:34 PMvia Postbox On 17 Mar 2017, at 15:04, John B

Re: [css-d] An Example of Gradients for a Curtain

2017-03-17 Thread Karl DeSaulniers
That's cool. Best, Karl DeSaulniers Design Drumm http://designdrumm.com > On Mar 17, 2017, at 1:48 PM, Eric A. Meyer wrote: > > >> On Mar 17, 2017, at 13:16, John Beales wrote: >> >> I remember seeing some demos a couple of years back of using CSS >> gradients to make a curtain/drape, bu

Re: [css-d] An Example of Gradients for a Curtain

2017-03-17 Thread Rainer Berthold
@John: If you like, I woud love to see your turn. Best, Rainer Am 17.03.2017 um 20:04 schrieb John Beales : @Eric: That's exactly it. I was also able to turn up the similar part of your Colors, Backgrounds, & Gradients book from 2015, (maybe it's a pre-release section of your upcoming book?).

Re: [css-d] An Example of Gradients for a Curtain

2017-03-17 Thread Eric A. Meyer
On 17 Mar 2017, at 15:04, John Beales wrote: @Eric: That's exactly it. I was also able to turn up the similar part of your Colors, Backgrounds, & Gradients book from 2015, (maybe it's a pre-release section of your upcoming book?). As a matter of fact, it is! Do you remember if there's a f

Re: [css-d] An Example of Gradients for a Curtain

2017-03-17 Thread John Beales
@Eric: That's exactly it. I was also able to turn up the similar part of your Colors, Backgrounds, & Gradients book from 2015, (maybe it's a pre-release section of your upcoming book?). Do you remember if there's a formula for figuring out the color stops to use in the gradients, or is sampling a

Re: [css-d] An Example of Gradients for a Curtain

2017-03-17 Thread Eric A. Meyer
> On Mar 17, 2017, at 13:16, John Beales wrote: > > I remember seeing some demos a couple of years back of using CSS > gradients to make a curtain/drape, but my Google skills aren't turning > up anything, so I'm hoping the list's collective memory and/or > bookmarks will help. You might be thin

Re: [css-d] An Example of Gradients for a Curtain

2017-03-17 Thread Eric A. Meyer
Sent from my iPhone > On Mar 17, 2017, at 13:16, John Beales wrote: > > I remember seeing some demos a couple of years back of using CSS > gradients to make a curtain/drape, but my Google skills aren't turning > up anything, so I'm hoping the list's collective memory and/or > bookmarks will he

Re: [css-d] An Example of Gradients for a Curtain

2017-03-17 Thread Rainer Berthold
John, try this one: http://codepen.io/TimLamber/pen/jEmEaP (codepen: „curtain“) Rainer Am 17.03.2017 um 18:16 schrieb John Beales : I remember seeing some demos a couple of years back of using CSS gradients to make a curtain/drape, but my Google skills aren't turning up anything, so I'm hoping

Re: [css-d] An Example of Gradients for a Curtain

2017-03-17 Thread Rainer Berthold
@Rod, Great tool - and their noise generator is awesome - thx! @John, maybe this list is helpful: https://www.awwwards.com/the-best-css3-tools-experiments-and-demos-for-web-developers.html Personally I like this one: http://www.css3maker.com/css-gradient.html Sorry, no moving curtains, not my th

Re: [css-d] An Example of Gradients for a Curtain

2017-03-17 Thread Rod Castello
John, This might be of some help. http://www.cssmatic.com/ There's a gradient generator tool that might make your life a bit simpler. Rod Castello On Fri, Mar 17, 2017 at 10:16 AM, John Beales wrote: > I remember seeing some demos a couple of years back of using CSS > gradients to make a curtain

[css-d] An Example of Gradients for a Curtain

2017-03-17 Thread John Beales
I remember seeing some demos a couple of years back of using CSS gradients to make a curtain/drape, but my Google skills aren't turning up anything, so I'm hoping the list's collective memory and/or bookmarks will help. Does anyone here have or know of any great purely CSS curtain demos, (as in, s